.ui-btn{display:inline-flex;align-items:center;gap:var(--sp-2);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--fg-primary);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.ui-btn--md{padding:6px var(--sp-3);font-size:var(--fs-md)}.ui-btn--sm{padding:3px var(--sp-2);font-size:var(--fs-sm)}.ui-btn:hover:not(:disabled){background:var(--bg-hover)}.ui-btn:active:not(:disabled){background:var(--bg-active)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.ui-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ui-btn--ghost{background:transparent;border-color:transparent;color:var(--fg-secondary)}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-primary)}.ui-btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.ui-btn--danger:hover:not(:disabled){background:var(--danger-soft)}.ui-spin{animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.ui-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.ui-card__titles{min-width:0}.ui-card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.ui-card__subtitle{margin-top:2px;font-size:var(--fs-sm);color:var(--fg-secondary)}.ui-card__body{padding:var(--sp-5)}.ui-badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:1px var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.01em;border:1px solid transparent}.ui-badge--neutral{background:var(--bg-inset);color:var(--fg-secondary);border-color:var(--border)}.ui-badge--accent{background:var(--accent-soft);color:var(--accent)}.ui-badge--ok{background:var(--ok-soft);color:var(--ok)}.ui-badge--warn{background:var(--warn-soft);color:var(--warn)}.ui-badge--danger{background:var(--danger-soft);color:var(--danger)}.ui-badge--info{background:var(--info-soft);color:var(--info)}.ui-stage{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--stage-color)}.ui-stage__dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--stage-color)}.ui-stat{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-stat__label{font-size:var(--fs-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.ui-stat__value{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:1.1}.ui-stat__value--empty{color:var(--fg-muted);font-size:var(--fs-xl)}.ui-stat__unit{margin-left:3px;font-size:var(--fs-sm);font-weight:var(--fw-normal);color:var(--fg-secondary)}.ui-stat__hint{font-size:var(--fs-xs);color:var(--fg-muted)}.ui-stat--ok .ui-stat__value,.ui-stat--ok{color:var(--ok)}.ui-stat--warn{color:var(--warn)}.ui-stat--danger{color:var(--danger)}.ui-skeleton{display:block;background:linear-gradient(90deg,var(--bg-inset) 25%,var(--bg-hover) 37%,var(--bg-inset) 63%);background-size:400% 100%;animation:ui-shimmer 1.3s ease-in-out infinite}@keyframes ui-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.ui-loading{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) 0}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-10) var(--sp-5);gap:var(--sp-2)}.ui-empty__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--sp-1);border-radius:var(--r-lg);background:var(--bg-inset);color:var(--fg-muted);border:1px solid var(--border)}.ui-empty__title{font-size:var(--fs-md)}.ui-empty__desc{max-width:46ch;font-size:var(--fs-sm);color:var(--fg-secondary)}.ui-empty__action{margin-top:var(--sp-3)}.ui-error{display:flex;gap:var(--sp-3);padding:var(--sp-4);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--r-lg)}.ui-error--compact{padding:var(--sp-3);font-size:var(--fs-sm)}.ui-error__icon{color:var(--danger);flex-shrink:0;padding-top:1px}.ui-error__body{min-width:0;display:flex;flex-direction:column;gap:3px}.ui-error__title{font-size:var(--fs-md);color:var(--fg-primary)}.ui-error__why{font-size:var(--fs-sm);color:var(--fg-primary)}.ui-error__hint{font-size:var(--fs-sm);color:var(--fg-secondary)}.ui-error__meta{font-size:var(--fs-xs);color:var(--fg-muted)}.ui-error__action{margin-top:var(--sp-2)}.ui-toasts{position:fixed;right:var(--sp-4);bottom:var(--sp-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);max-width:380px}.ui-toast{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);background:var(--bg-raised);border:1px solid var(--border-strong);border-left:3px solid var(--fg-muted);border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:var(--fs-sm);animation:ui-toast-in var(--dur-md) var(--ease)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(6px)}}.ui-toast--ok{border-left-color:var(--ok)}.ui-toast--warn{border-left-color:var(--warn)}.ui-toast--danger{border-left-color:var(--danger)}.ui-toast--accent{border-left-color:var(--accent)}.ui-toast__close{background:none;border:none;color:var(--fg-muted);cursor:pointer;padding:2px;border-radius:var(--r-sm);display:grid;place-items:center}.ui-toast__close:hover{color:var(--fg-primary);background:var(--bg-hover)}.ui-field{display:flex;flex-direction:column;gap:var(--sp-2)}.ui-field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-secondary)}.ui-field__hint{font-size:var(--fs-xs);color:var(--fg-muted)}.ui-field__error{font-size:var(--fs-xs);color:var(--danger)}.ui-input{width:100%;padding:7px var(--sp-3);background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--fg-primary);transition:border-color var(--dur-fast) var(--ease)}.ui-input::placeholder{color:var(--fg-muted)}.ui-input:hover{border-color:var(--fg-muted)}.ui-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.ui-pagehead__title{font-size:var(--fs-2xl);letter-spacing:-.01em}.ui-pagehead__desc{margin-top:var(--sp-1);font-size:var(--fs-md);color:var(--fg-secondary);max-width:72ch}.ui-pagehead__actions{display:flex;gap:var(--sp-2)}.ntf{position:relative}.ntf__dot{position:absolute;top:0;right:0;min-width:15px;height:15px;padding:0 3px;border-radius:var(--r-full);background:var(--danger);color:#fff;font-size:9px;font-weight:var(--fw-semibold);display:grid;place-items:center}.ntf__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown);width:340px;max-height:420px;overflow:auto;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-3)}.ntf__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--fs-sm);font-weight:var(--fw-medium);position:sticky;top:0;background:var(--bg-raised)}.ntf__empty{padding:var(--sp-5) var(--sp-4);font-size:var(--fs-sm)}.ntf__list{list-style:none;margin:0;padding:0}.ntf__item>a,.ntf__item>span{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.ntf__item>a:hover{background:var(--bg-hover)}.ntf__item.is-read>a,.ntf__item.is-read>span{background:transparent}.ntf__dotmark{width:7px;height:7px;border-radius:var(--r-full);margin-top:5px;flex-shrink:0;background:var(--accent)}.ntf__dotmark--error{background:var(--danger)}.ntf__dotmark--denied{background:var(--warn)}.ntf__body{display:flex;flex-direction:column;gap:2px;min-width:0}.ntf__time{font-size:var(--fs-xs)}.cmdk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#0000008c}.cmdk__card{width:min(540px,92vw);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-3);overflow:hidden}.cmdk__input{width:100%;padding:var(--sp-4);background:transparent;border:none;border-bottom:1px solid var(--border);font-size:var(--fs-lg);color:var(--fg-primary)}.cmdk__input:focus{outline:none}.cmdk__list{list-style:none;margin:0;padding:var(--sp-2);max-height:340px;overflow:auto}.cmdk__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-md);cursor:pointer}.cmdk__item.is-active{background:var(--accent-soft);color:var(--accent)}.cmdk__group{font-size:var(--fs-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--sp-3) var(--sp-3) var(--sp-1)}.cmdk__empty{padding:var(--sp-5);text-align:center;font-size:var(--fs-sm);color:var(--fg-muted)}.cmdk__foot{display:flex;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--fg-muted)}.shell{display:flex;height:100vh;overflow:hidden}.shell__nav{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border)}.shell__brand{display:flex;align-items:center;gap:var(--sp-2);height:var(--header-h);padding:0 var(--sp-4);border-bottom:1px solid var(--border)}.shell__logo{width:16px;height:16px;border-radius:3px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--ok))}.shell__brandname{font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-.01em}.shell__navlist{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-2)}.shell__navfoot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);border-top:1px solid var(--border)}.shell__navitem{display:flex;align-items:center;gap:var(--sp-3);padding:7px var(--sp-3);border-radius:var(--r-md);color:var(--fg-secondary);font-size:var(--fs-md);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.shell__navitem:hover{background:var(--bg-hover);color:var(--fg-primary)}.shell__navitem.is-active{background:var(--accent-soft);color:var(--accent)}.shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.shell__topbar{display:flex;align-items:center;gap:var(--sp-2);height:var(--header-h);flex-shrink:0;padding:0 var(--sp-4);background:var(--bg-surface);border-bottom:1px solid var(--border)}.shell__menubtn{display:none}.shell__role{padding:1px var(--sp-2);border-radius:var(--r-full);background:var(--bg-inset);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.04em}.shell__content{flex:1;overflow:auto;padding:var(--sp-6)}.shell__content:focus{outline:none}.shell__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500}.crumbs{display:flex;align-items:center;gap:2px;font-size:var(--fs-sm);min-width:0}.crumbs__root{color:var(--fg-muted)}.crumbs__root:hover{color:var(--fg-primary)}.crumbs__seg{display:inline-flex;align-items:center;gap:2px;min-width:0}.crumbs__sep{color:var(--fg-muted);flex-shrink:0}.crumbs a{color:var(--fg-secondary);padding:2px 4px;border-radius:var(--r-sm)}.crumbs a:hover{color:var(--fg-primary);background:var(--bg-hover)}.crumbs__current{color:var(--fg-primary);font-weight:var(--fw-medium);padding:2px 4px}.sysstatus{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--fg-muted)}.sysstatus__row{display:flex;align-items:center;gap:var(--sp-2)}.sysstatus__dot{width:7px;height:7px;border-radius:var(--r-full);background:var(--fg-muted);flex-shrink:0}.sysstatus__dot--ok{background:var(--ok)}.sysstatus__dot--bad{background:var(--danger)}.sysstatus__meta{margin-top:3px;line-height:1.4}@media (max-width: 900px){.shell__nav{position:fixed;inset:0 auto 0 0;z-index:600;transform:translate(-100%);transition:transform var(--dur-md) var(--ease);box-shadow:var(--shadow-3)}.shell__nav--open{transform:translate(0)}.shell__menubtn{display:inline-flex}.shell__content{padding:var(--sp-4)}}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 13.5px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 34px;--lh-tight: 1.25;--lh-normal: 1.5;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-full: 999px;--shadow-1: 0 1px 2px rgb(0 0 0 / .24);--shadow-2: 0 4px 12px rgb(0 0 0 / .32);--shadow-3: 0 16px 48px rgb(0 0 0 / .44);--ease: cubic-bezier(.2, 0, 0, 1);--dur-fast: 90ms;--dur-md: .16s;--header-h: 48px;--sidebar-w: 216px;--z-toast: 900;--z-modal: 800;--z-dropdown: 700}[data-theme=dark]{--bg-base: #0e1014;--bg-surface: #15181f;--bg-raised: #1b1f28;--bg-inset: #0a0c10;--bg-hover: #222733;--bg-active: #2a3040;--fg-primary: #e8eaf0;--fg-secondary: #a3aab9;--fg-muted: #6d7585;--fg-inverse: #0e1014;--border: #262b36;--border-strong: #363d4c;--focus-ring: #4d8dff;--accent: #4d8dff;--accent-hover: #6ba0ff;--accent-fg: #ffffff;--accent-soft: #4d8dff1f;--ok: #3fb27f;--ok-soft: #3fb27f1f;--warn: #d9962f;--warn-soft: #d9962f1f;--danger: #e0575c;--danger-soft: #e0575c1f;--info: #58a6c9;--info-soft: #58a6c91f;--stage-development: #6d7585;--stage-testing: #58a6c9;--stage-staging: #d9962f;--stage-production: #3fb27f;--stage-archived: #4a4f5c;--chart-grid: #262b36;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500}[data-theme=light]{--bg-base: #f5f6f8;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-inset: #eef0f4;--bg-hover: #eaecf1;--bg-active: #dfe3ea;--fg-primary: #16191f;--fg-secondary: #4d5462;--fg-muted: #7b8494;--fg-inverse: #ffffff;--border: #dfe2e9;--border-strong: #c3c9d4;--focus-ring: #1f6feb;--accent: #1f6feb;--accent-hover: #185cc9;--accent-fg: #ffffff;--accent-soft: #1f6feb14;--ok: #1a7f4f;--ok-soft: #1a7f4f14;--warn: #96620d;--warn-soft: #96620d14;--danger: #c0353a;--danger-soft: #c0353a14;--info: #256d8a;--info-soft: #256d8a14;--stage-development: #7b8494;--stage-testing: #256d8a;--stage-staging: #96620d;--stage-production: #1a7f4f;--stage-archived: #a4abb7;--chart-grid: #dfe2e9;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--shadow-1: 0 1px 2px rgb(16 24 40 / .06);--shadow-2: 0 4px 12px rgb(16 24 40 / .08);--shadow-3: 0 16px 48px rgb(16 24 40 / .14)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-md: 0ms}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--fg-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:var(--fw-semibold);line-height:var(--lh-tight)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code,kbd,.mono{font-family:var(--font-mono);font-size:.94em}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.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}.skip-link{position:absolute;left:var(--sp-2);top:-60px;z-index:var(--z-toast);padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--accent-fg);border-radius:var(--r-md);transition:top var(--dur-fast) var(--ease)}.skip-link:focus{top:var(--sp-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted);background-clip:content-box}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1}.muted{color:var(--fg-secondary)}.dim{color:var(--fg-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}