:root{--brand-navy: #222F51;--brand-navy-soft: #30416d;--brand-teal: #20ABB0;--brand-teal-dark: #137f84;--brand-teal-soft: #b9ecee;--brand-orange: #F5882D;--brand-coral: #EF617B;--brand-purple: #926FE5;--navy: var(--brand-navy);--navy-soft: var(--brand-navy-soft);--teal: var(--brand-teal);--teal-dark: var(--brand-teal-dark);--orange: var(--brand-orange);--coral: var(--brand-coral);--purple: var(--brand-purple);--success: #059669;--danger: #E11D48;--heading: #1f2c48;--text: #24324a;--text-muted: #6b7280;--text-subtle: #9ca3af;--surface: #ffffff;--surface-soft: #f9fbfd;--surface-muted: #f5f7fb;--surface-accent: #eefafa;--app-bg: #f5f7fb;--border: #e5e9f1;--border-strong: #d6dce7;--sidebar-bg: #222F51;--sidebar-bg-2: #18233f;--shadow-xs: 0 2px 8px rgb(34 47 81 / 5%);--shadow-sm: 0 2px 10px rgb(34 47 81 / 5%);--shadow-md: 0 16px 42px rgb(34 47 81 / 10%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility}html[data-theme=dark]{--heading: #eef4ff;--text: #d9e3f2;--text-muted: #a8b5c8;--text-subtle: #7f8da3;--surface: #172137;--surface-soft: #131d31;--surface-muted: #111a2c;--surface-accent: #17363d;--app-bg: #10182a;--border: #2a3852;--border-strong: #394965;--sidebar-bg: #111a2e;--sidebar-bg-2: #0c1425;--shadow-xs: 0 2px 8px rgb(0 0 0 / 12%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 14%);--shadow-md: 0 18px 46px rgb(0 0 0 / 24%)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--surface-muted)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgb(32 171 176 / 28%);outline-offset:2px}.page{display:block}.narrow-page{max-width:900px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.page-header h1{margin:5px 0 7px;color:var(--navy);font-size:clamp(28px,4vw,38px);line-height:1.12;letter-spacing:-.035em}.page-header p{max-width:720px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.eyebrow,.panel-heading>div>span,.modal-heading>div>span{color:var(--teal-dark);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #c6eee0;border-radius:999px;background:#f0fdf8;color:#047857;font-size:10px;font-weight:800;white-space:nowrap}.status-pill i{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #10b9811f}.panel{border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h2{margin:4px 0 0;color:var(--navy);font-size:17px;letter-spacing:-.015em}.panel-count{min-width:31px;height:31px;display:grid;place-items:center;padding:0 8px;border-radius:10px;background:#eefafa;color:var(--teal-dark);font-size:11px;font-weight:900}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.primary{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 8px 18px #20abb033}.btn.secondary{border-color:var(--border-strong);background:#fff;color:var(--navy)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px}.toolbar>span{color:var(--text-muted);font-size:11px}.search-box{width:min(580px,100%);display:flex;gap:8px}.search-box input{flex:1}input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:10px;background:#fbfcfe;color:var(--text);outline:none}input,select{min-height:43px;padding:0 12px}select[multiple]{min-height:130px;padding:8px}textarea{padding:10px 12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px #20abb01a}.form-panel{padding:26px}.form-grid{display:grid;gap:16px}.form-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0;display:grid;gap:7px}.field.full-width{grid-column:1 / -1}.field label{color:var(--navy);font-size:11px;font-weight:800}.field small{color:var(--text-subtle);font-size:9px;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.read-only-pill{padding:6px 9px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:9px;font-weight:800}.state-panel,.alert{margin-bottom:16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text-muted);font-size:12px}.state-panel.error,.alert.error{border-color:#fecdd3;background:#fff1f2;color:#be123c}.alert.success{border-color:#bbf7d0;background:#f0fdf4;color:#047857}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{background:#fafbfc;color:var(--text-muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.data-table td{color:var(--text-muted);font-size:11px}.data-table tbody tr:hover{background:#fcfdff}.person-cell{min-width:230px;display:flex;align-items:center;gap:11px}.table-avatar,.permission-mark{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eefafa;color:var(--teal-dark);font-size:12px;font-weight:900}.person-cell div{min-width:0;display:grid;gap:3px}.person-cell strong{color:var(--navy);font-size:12px}.person-cell span,.role-copy{display:block;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:9px;font-weight:900}.badge.neutral{background:#f3f4f6;color:#6b7280}.actions-column{text-align:right!important}.row-actions{min-width:150px;text-align:right;white-space:nowrap}.link-button{padding:5px 7px;border:0;background:transparent;color:var(--teal-dark);font-size:10px;font-weight:800;cursor:pointer}.link-button:hover{text-decoration:underline}.empty-cell,.empty-copy{padding:30px!important;color:var(--text-subtle)!important;text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f172a7f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:26px;border-radius:20px;background:#fff;box-shadow:0 30px 100px #0f172a4d}.small-modal{width:min(520px,100%)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.modal-heading h2{margin:5px 0 0;color:var(--navy);font-size:23px}.modal-heading>button{padding:6px;border:0;background:transparent;color:var(--text-muted);font-size:10px;font-weight:800;cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-card{padding:22px}.catalog-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}.catalog-row:last-child{border-bottom:0}.catalog-row div{min-width:0;display:grid;gap:3px}.catalog-row strong{color:var(--navy);font-size:12px}.catalog-row code{overflow:hidden;color:var(--text-subtle);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:780px){.page-header,.toolbar{align-items:stretch;flex-direction:column}.form-grid.two-column,.catalog-grid{grid-template-columns:1fr}.search-box{width:100%}.status-pill{align-self:flex-start}}body{color:var(--text);background:var(--app-bg)}.panel,.modal,.state-panel,.alert:not(.error):not(.success){background:var(--surface);border-color:var(--border)}.data-table th{background:var(--surface-soft);color:var(--text-muted)}.data-table td{color:var(--text-muted)}.data-table tbody tr:hover{background:var(--surface-soft)}input,select,textarea{background:var(--surface-soft);color:var(--text);border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{background:var(--surface)}.person-cell strong,.catalog-row strong,.field label,.modal-heading h2,.panel-heading h2,.page-header h1{color:var(--heading)}.read-only-pill,.badge.neutral{background:var(--surface-soft);color:var(--text-muted)}.table-avatar,.permission-mark,.panel-count{background:var(--surface-accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:560px){.page-header h1{font-size:clamp(26px,9vw,34px)}.panel,.form-panel{border-radius:14px}.form-panel{padding:20px}.data-table th,.data-table td{padding:12px}}