.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-inverse)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.field__error{font-size:var(--font-size-xs);color:var(--color-error)}.input{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.badge{padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;font-weight:600;display:inline-block}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--error{background:var(--color-error-soft);color:var(--color-error)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.badge--neutral{background:var(--color-surface-muted);color:var(--color-text-muted)}.state{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);flex-direction:column;display:flex}.state--error{border-style:solid;border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.modal{width:min(560px, calc(100vw - 2 * var(--space-4)));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);padding:0}.modal::backdrop{background:#1c243073}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.modal__body{padding:var(--space-4)}.modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border);display:flex}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.table th{color:var(--color-text-muted);background:var(--color-surface-muted);white-space:nowrap;font-weight:600}.table tr:last-child td{border-bottom:none}.toast-region{right:var(--space-4);bottom:var(--space-4);z-index:50;gap:var(--space-2);max-width:min(420px, calc(100vw - 2 * var(--space-4)));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);border-left-width:4px;display:flex}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--info{border-left-color:var(--color-info)}@media (width<=767px){.btn,.input{min-height:var(--control-height-touch)}.toast-region{right:var(--space-2);left:var(--space-2);bottom:calc(var(--bottombar-height) + var(--space-2));max-width:none}}.auth{min-height:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.auth__card{gap:var(--space-3);width:min(380px,100%);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.auth__footer{padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.auth__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-error-soft);color:var(--color-error);font-size:var(--font-size-sm);margin:0}.filters{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.nowrap{white-space:nowrap}.fieldset{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.checkbox{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:inline-flex}.one-time-code{font-family:var(--font-mono);letter-spacing:8px;padding:var(--space-3);text-align:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:32px}@media (width<=767px){.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.table td{padding:var(--space-1) 0;border:none}.table-wrap{overflow-x:visible}}.shell{grid-template-rows:var(--topbar-height) 1fr var(--bottombar-height);grid-template-areas:"topbar""content""bottombar";min-height:100%;display:grid}.shell__sidebar{display:none}.shell__topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;grid-area:topbar;display:flex;position:sticky;top:0}.shell__title{font-size:var(--font-size-lg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell__content{padding:var(--space-4);grid-area:content;overflow-x:hidden}.shell__bottombar{background:var(--color-surface);border-top:1px solid var(--color-border);grid-area:bottombar;align-items:stretch;display:flex;position:sticky;bottom:0}.shell__tab{min-height:var(--control-height-touch);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.shell__tab--active{color:var(--color-accent);box-shadow:inset 0 2px 0 var(--color-accent);font-weight:600}.shell__nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.shell__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);text-decoration:none;display:block}.shell__link:hover{background:var(--color-surface-hover)}.shell__link--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.shell__brand{padding:0 var(--space-3) var(--space-4);font-weight:700;font-size:var(--font-size-lg)}@media (width>=768px){.shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar""sidebar content"}.shell__sidebar{padding:var(--space-4) var(--space-2);background:var(--color-surface);border-right:1px solid var(--color-border);grid-area:sidebar;height:100vh;display:block;position:sticky;top:0;overflow-y:auto}.shell__bottombar{display:none}.shell__content{padding:var(--space-5)}}:root{--color-canvas:#f5f6f8;--color-surface:#fff;--color-surface-muted:#f0f2f5;--color-surface-hover:#e9edf2;--color-border:#d5dae1;--color-border-strong:#b6bec9;--color-text:#1c2430;--color-text-muted:#5b6675;--color-text-inverse:#fff;--color-accent:#1f5f9e;--color-accent-hover:#17517f;--color-accent-soft:#e6eef7;--color-success:#1f7a4d;--color-success-soft:#e4f2ea;--color-warning:#8a5a00;--color-warning-soft:#fbf1dd;--color-error:#b42318;--color-error-soft:#fbe9e7;--color-info:#1f5f9e;--color-info-soft:#e6eef7;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--line-height:1.45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-sm:0 1px 2px #1c243014;--shadow-md:0 6px 20px #1c243024;--control-height:36px;--control-height-touch:44px;--focus-ring:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent);--sidebar-width:232px;--topbar-height:52px;--bottombar-height:60px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--color-text);background:var(--color-canvas);-webkit-text-size-adjust:100%;margin:0}h1,h2,h3{margin:0;font-weight:600}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}