:root{--brand-accent:#2f6feb;--brand-accent-hover:#245ccc;--brand-accent-soft:#e8f0fe;--brand-accent-ink:#fff;--brand-logo:url(/logo.svg);--color-bg:#f5f6f8;--color-surface:#fff;--color-surface-muted:#f9fafb;--color-border:#dfe3e8;--color-border-strong:#c4cad3;--color-text:#1b1f24;--color-text-muted:#5b6573;--color-text-faint:#8a94a3;--color-overlay:#11182773;--color-success:#1a7f45;--color-success-soft:#e6f4ea;--color-warning:#9a6200;--color-warning-soft:#fff4d6;--color-danger:#c62828;--color-danger-soft:#fdecec;--color-info:#2f6feb;--color-info-soft:#e8f0fe;--branch-1:#ffd400;--branch-2:#1976d2;--branch-3:#2e9d5b;--branch-4:#e0602b;--branch-5:#8e44ad;--branch-6:#00a3a3;--branch-7:#d81b60;--branch-8:#6d7a8b;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--weight-regular:400;--weight-medium:500;--weight-bold:600;--line-height:1.45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 16px 40px #1018282e;--control-height:38px;--control-height-touch:44px;--sidebar-width:240px;--header-height:56px;--focus-ring:0 0 0 3px #2f6feb59}@media (pointer:coarse){:root{--control-height:var(--control-height-touch)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-weight:var(--weight-bold);margin:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}a{color:var(--brand-accent)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}:focus-visible{box-shadow:var(--focus-ring);outline:none}.shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;min-height:100%;display:grid}.shell__header{align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-column:1/-1;display:flex}.shell__brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-lg);width:calc(var(--sidebar-width) - var(--space-5));display:flex}.shell__logo{background:var(--brand-logo) center / contain no-repeat;width:28px;height:28px}.shell__spacer{flex:1}.shell__sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-3) var(--space-2);overflow-y:auto}.shell__main{padding:var(--space-6);min-width:0;overflow-x:auto}@media (width<=900px){.shell{grid-template-columns:1fr;grid-template-rows:var(--header-height) auto 1fr}.shell__sidebar{border-right:none;border-bottom:1px solid var(--color-border);gap:var(--space-1);flex-wrap:wrap;display:flex}.shell__brand{width:auto}}.nav__group{margin:var(--space-4) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint)}.nav__item{align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.nav__item:hover{background:var(--color-surface-muted)}.nav__item.active{background:var(--brand-accent-soft);color:var(--brand-accent);font-weight:var(--weight-medium)}.nav__lock{color:var(--color-text-faint);margin-left:auto}.page{gap:var(--space-5);flex-direction:column;max-width:1280px;display:flex}.page__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page__title{flex:1}.page__hint{color:var(--color-text-muted);margin-top:var(--space-1)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card>h2{margin-bottom:var(--space-4)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row--end{justify-content:flex-end}.grid-2{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.mono{font-family:var(--font-mono)}.nowrap{white-space:nowrap}.center-screen{min-height:100%;padding:var(--space-6);place-items:center;display:grid}.auth-card{width:min(400px,100%)}.color-dot{vertical-align:middle;border:1px solid #00000026;border-radius:50%;width:14px;height:14px;display:inline-block}.stack>p,.alert>p{margin:0}.alert>p+p{margin-top:var(--space-2)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-accent-ink)}.btn--primary:hover:not(:disabled){background:var(--brand-accent-hover)}.btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn--ghost{background:0 0;border-color:#0000}.btn--sm{min-height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}@media (pointer:coarse){.btn--sm{min-height:38px}}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}.input,.select,.textarea{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}.textarea{padding:var(--space-2) var(--space-3);resize:vertical;min-height:72px}.input:disabled,.select:disabled{background:var(--color-surface-muted);color:var(--color-text-muted)}.input--invalid{border-color:var(--color-danger)}.input[type=color]{width:64px;padding:2px}.checkbox{align-items:center;gap:var(--space-2);cursor:pointer;min-height:28px;display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--brand-accent);cursor:inherit}.checkbox--disabled{cursor:not-allowed;color:var(--color-text-faint)}@media (pointer:coarse){.checkbox input{width:22px;height:22px}}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.table th{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted);background:var(--color-surface-muted);text-transform:uppercase;letter-spacing:.03em}.table tr:last-child td{border-bottom:none}.table tr.is-clickable{cursor:pointer}.table tr.is-clickable:hover td{background:var(--color-surface-muted)}.table tr.is-muted td{color:var(--color-text-faint)}.table td.actions{text-align:right;white-space:nowrap}.table .group-row td{background:var(--color-surface-muted);font-weight:var(--weight-bold)}.badge{align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--color-surface-muted);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;display:inline-flex}.badge--success{background:var(--color-success-soft);color:var(--color-success);border-color:#0000}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:#0000}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#0000}.badge--info{background:var(--color-info-soft);color:var(--color-info);border-color:#0000}.modal-backdrop{background:var(--color-overlay);padding:var(--space-4);z-index:50;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:calc(100vh - 2 * var(--space-4));background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:auto}.modal--wide{width:min(860px,100%)}.modal__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.modal__head h2{flex:1}.modal__body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.modal__foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex}.toasts{right:var(--space-4);bottom:var(--space-4);gap:var(--space-2);z-index:60;max-width:min(420px, calc(100vw - 2 * var(--space-4)));flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-info);box-shadow:var(--shadow-md)}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-danger)}.toast--warning{border-left-color:var(--color-warning)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-text);border:1px solid #0000}.alert--warning{background:var(--color-warning-soft)}.alert--danger{background:var(--color-danger-soft)}.alert--success{background:var(--color-success-soft)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eceff3 25%,#f5f7fa 50%,#eceff3 75%) 0 0/200% 100%;height:14px;animation:1.2s ease-in-out infinite skeleton;display:block}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted)}.empty__title{font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.personal-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.personal-pill--soon{background:var(--color-warning-soft);color:var(--color-warning)}.employee-pick{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.employee-pick button{min-height:var(--control-height-touch);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer}.employee-pick button[aria-pressed=true]{border-color:var(--brand-accent);background:var(--brand-accent-soft)}.pin-input{font-size:var(--text-xl);letter-spacing:.4em;text-align:center}.diff{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.diff td,.diff th{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:top;word-break:break-word}.diff .was{color:var(--color-danger)}.diff .now{color:var(--color-success)}.matrix th.role-col,.matrix td.role-col{text-align:center;width:130px}.matrix tr.is-pending td{color:var(--color-text-faint)}.temp-pin{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:.3em;padding:var(--space-2) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);-webkit-user-select:all;user-select:all}.palette button[disabled]{opacity:.35;cursor:not-allowed}.palette button[aria-pressed=true] .color-dot{outline:2px solid var(--brand-accent);outline-offset:2px}.setup-card{width:min(620px,100%)}.setup-steps{gap:var(--space-2);counter-reset:step;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.setup-steps li{counter-increment:step;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-faint);font-size:var(--text-sm)}.setup-steps li:before{content:counter(step) ". "}.setup-steps li.is-current{background:var(--brand-accent-soft);color:var(--brand-accent);font-weight:var(--weight-medium)}.setup-steps li.is-done{color:var(--color-success)}.setup-ip{font-size:var(--text-2xl);font-weight:var(--weight-bold);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);text-align:center}.setup-next{padding-left:var(--space-5);margin:0}.strength{gap:var(--space-1);display:flex}.strength__bar{border-radius:var(--radius-pill);background:var(--color-border);flex:1;height:6px}.strength__bar--1{background:var(--color-danger)}.strength__bar--2{background:var(--color-warning)}.strength__bar--3,.strength__bar--4{background:var(--color-success)}