:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #64748b;--color-accent: #f59e0b;--color-danger: #dc2626;--color-success: #16a34a;--radius: .5rem;--font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--sidebar-w: 256px;--topbar-h: 56px}html[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-secondary: #64748b;--color-border: #e2e8f0}html[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-border: #334155}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text)}.layout{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:12px;height:var(--topbar-h);padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.topbar__title{font-weight:600}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:16px}.topbar__hamburger{display:none;width:44px;height:44px;font-size:20px;background:none;border:none;color:var(--color-text);cursor:pointer}.layout__body{display:flex;flex:1;position:relative}.layout__sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border)}.layout__main{flex:1;padding:24px;max-width:1200px}.layout__overlay{display:none}.sidebar{padding:16px 12px}.sidebar__brand{font-weight:700;font-size:18px;padding:8px 12px 16px;color:var(--color-primary)}.sidebar__group{margin-bottom:16px}.sidebar__group-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding:4px 12px}.sidebar__list{list-style:none;margin:0;padding:0}.sidebar__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:8px 12px;background:none;border:none;border-radius:var(--radius);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.sidebar__item:hover:not(:disabled){background:var(--color-bg)}.sidebar__item:disabled{color:var(--color-text-secondary);cursor:default}.sidebar__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge{font-size:10px;padding:2px 6px;border-radius:999px;background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);max-width:800px}.card h1{margin-top:0}.muted,.next-list{color:var(--color-text-secondary)}.status{font-size:13px}.status--ok{color:var(--color-success)}.status--error{color:var(--color-danger)}.status--loading{color:var(--color-text-secondary)}.theme-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.theme-toggle__btn{min-height:36px;padding:6px 10px;background:var(--color-surface);border:none;color:var(--color-text-secondary);font:inherit;cursor:pointer}.theme-toggle__btn+.theme-toggle__btn{border-left:1px solid var(--color-border)}.theme-toggle__btn.is-active{background:var(--color-primary);color:#fff}.theme-toggle__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.footer{display:flex;justify-content:flex-end;padding:8px 16px;border-top:1px solid var(--color-border);background:var(--color-surface)}.footer__version{font-size:12px;color:var(--color-text-secondary)}@media(max-width:767px){.topbar__hamburger{display:inline-flex;align-items:center;justify-content:center}.layout__sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;z-index:30;transform:translate(-100%);transition:transform .2s ease}.layout__body.is-menu-open .layout__sidebar{transform:translate(0)}.layout__body.is-menu-open .layout__overlay{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;z-index:25;background:#00000080}.layout__main{padding:16px}}