*{box-sizing:border-box}:root{color-scheme:dark;--page-bg: #0b1020;--text: #e8ecff;--card-bg: #141b33;--card-border: #2a3765;--input-bg: #0f1730;--input-border: #34457a;--btn-primary: #2d5fff;--btn-primary-text: #ffffff;--btn-secondary-bg: #263253;--btn-secondary-text: #e8ecff;--table-border: #263253;--muted: #9aa7d6;--text-danger: #ff8f8f;--perm-badge-text: #d9e2ff;--perm-badge-bg: #1f2a4d;--perm-badge-border: #34457a;--perm-user-bg: #2a2145;--perm-user-border: #5a4a8a;--perm-company-bg: #1d304a;--perm-company-border: #3f6b9d;--perm-role-bg: #2c273f;--perm-role-border: #6b5f9e;--perm-request-bg: #1f3a35;--perm-request-border: #3e8a78;--perm-comment-bg: #3d2f1f;--perm-comment-border: #8d6a3f}html[data-theme=light]{color-scheme:light;--page-bg: #f0f3fa;--text: #0f172a;--card-bg: #ffffff;--card-border: #d5deed;--input-bg: #ffffff;--input-border: #b8c4d9;--btn-primary: #2d5fff;--btn-primary-text: #ffffff;--btn-secondary-bg: #e8edf6;--btn-secondary-text: #1e293b;--table-border: #e2e8f0;--muted: #64748b;--text-danger: #b91c1c;--perm-badge-text: #334155;--perm-badge-bg: #eef2fb;--perm-badge-border: #c5d0e6;--perm-user-bg: #f5edff;--perm-user-border: #c4b5fd;--perm-company-bg: #e8f4fc;--perm-company-border: #93c5fd;--perm-role-bg: #f3f0ff;--perm-role-border: #c7d2fe;--perm-request-bg: #e8faf3;--perm-request-border: #6ee7b7;--perm-comment-bg: #fff7ed;--perm-comment-border: #fdba74}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--page-bg);color:var(--text)}a{color:inherit;text-decoration:none}.layout{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-bottom:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input,textarea,select,button{padding:10px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text)}button{cursor:pointer;background:var(--btn-primary);border:none;color:var(--btn-primary-text)}button.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--table-border);padding:8px;text-align:left}.muted{color:var(--muted)}.title{margin:0 0 10px}.data-table{width:100%;border-collapse:collapse}.mt8{margin-top:8px}.mt16{margin-top:16px}.login-card{max-width:420px;margin:80px auto}.header-card{justify-content:space-between}.column{flex-direction:column}.stretch{align-items:stretch}.text-danger{color:var(--text-danger)}.w-full{width:100%}.form-field{display:flex;flex-direction:column;gap:6px;min-width:180px}.form-label{color:var(--muted);font-size:12px}.action-buttons{align-items:flex-end}.perm-badges{display:flex;flex-wrap:wrap;gap:6px}.perm-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;line-height:1.2;color:var(--perm-badge-text);background:var(--perm-badge-bg);border:1px solid var(--perm-badge-border)}.perm-badge.perm-user{background:var(--perm-user-bg);border-color:var(--perm-user-border)}.perm-badge.perm-company{background:var(--perm-company-bg);border-color:var(--perm-company-border)}.perm-badge.perm-role{background:var(--perm-role-bg);border-color:var(--perm-role-border)}.perm-badge.perm-request{background:var(--perm-request-bg);border-color:var(--perm-request-border)}.perm-badge.perm-comment{background:var(--perm-comment-bg);border-color:var(--perm-comment-border)}