:root{--bg: #08090a;--bg-deep: #010102;--panel: #0f1011;--surface: #191a1b;--surface-warm: var(--surface);--surface-2: #28282c;--fg: #f7f8f8;--fg-2: #d0d6e0;--muted: #8a8f98;--meta: #62666d;--border: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .05);--border-line: #141516;--border-line-2: #18191a;--border-solid: #23252a;--border-solid-2: #34343a;--border-solid-3: #3e3e44;--accent: #5e6ad2;--accent-on: #ffffff;--accent-hover: #828fff;--accent-active: #4752c4;--accent-lavender: #7a7fad;--success: #27a644;--emerald: #10b981;--warn: #eab308;--danger: #dc2626;--overlay: rgba(0, 0, 0, .85);--font-display: "Inter Variable", "Inter", "SF Pro Display", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-body: "Inter Variable", "Inter", "SF Pro Display", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: "Berkeley Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 72px;--leading-body: 1.5;--leading-relaxed: 1.6;--leading-tight: 1;--tracking-display: -.022em;--tracking-tight: -.016em;--weight-light: 300;--weight-regular: 400;--weight-medium: 510;--weight-semibold: 590;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--section-y-desktop: 80px;--section-y-tablet: 48px;--section-y-phone: 32px;--radius-micro: 2px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 22px;--radius-pill: 9999px;--elev-flat: none;--elev-subtle: rgba(0, 0, 0, .03) 0px 1.2px 0px;--elev-ring: 0 0 0 1px var(--border);--elev-inset: rgba(0, 0, 0, .2) 0px 0px 12px 0px inset;--elev-raised: rgba(0, 0, 0, .4) 0px 2px 4px, 0 0 0 1px rgba(255, 255, 255, .05);--elev-dialog: rgba(0, 0, 0, 0) 0px 8px 2px, rgba(0, 0, 0, .01) 0px 5px 2px, rgba(0, 0, 0, .04) 0px 3px 2px, rgba(0, 0, 0, .07) 0px 1px 1px, rgba(0, 0, 0, .08) 0px 0px 1px;--focus-ring: 0 0 0 2px color-mix(in oklab, var(--accent), transparent 30%), 0 4px 12px rgba(0, 0, 0, .1);--motion-fast: .15s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--container-max: 1200px;--container-gutter-desktop: 24px;--container-gutter-tablet: 16px;--container-gutter-phone: 12px;--sidebar-width: 240px;--topbar-height: 60px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}body{background:var(--bg-deep, #010102);color:var(--fg, #f7f8f8);font-family:var(--font-body, "Inter", system-ui, sans-serif);font-feature-settings:"cv01","ss03";font-size:15px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent, #5e6ad2);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;font-feature-settings:"cv01","ss03";cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring, 0 0 0 2px rgba(94, 106, 210, .3));border-radius:var(--radius-sm, 6px)}::selection{background:color-mix(in oklab,var(--accent),transparent 60%)}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-weight:590;line-height:1.2;color:var(--fg, #f7f8f8)}p{margin:0 0 1em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-2, #28282c);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.container{width:100%;max-width:var(--container-max, 1200px);margin:0 auto;padding:var(--space-5, 20px) var(--container-gutter-desktop, 24px)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--space-3, 12px)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.wrap{flex-wrap:wrap}.spacer{flex:1}.gap-1{gap:var(--space-1, 4px)}.gap-2{gap:var(--space-2, 8px)}.gap-3{gap:var(--space-3, 12px)}.gap-4{gap:var(--space-4, 16px)}.gap-5{gap:var(--space-5, 20px)}.gap-6{gap:var(--space-6, 24px)}.surface-elevated{background:var(--surface, #191a1b);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px)}.brand{display:flex;align-items:center;gap:10px;font-weight:590;font-size:15px;letter-spacing:-.01em}.brand .mark{width:28px;height:28px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent, #5e6ad2),#4752c4);color:var(--accent-on, #ffffff);box-shadow:0 0 0 1px #ffffff0f,inset 0 1px #ffffff2e}.brand .mark svg{width:15px;height:15px}.brand b{font-weight:590}.sidebar{width:var(--sidebar-width, 240px);flex:none;display:flex;flex-direction:column;gap:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--panel, #0f1011);border-right:1px solid var(--border-soft, rgba(255, 255, 255, .05));min-height:100vh}.side-nav{display:flex;flex-direction:column;gap:2px;flex:1}.side-nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm, 6px);font-size:13.5px;font-weight:510;color:var(--fg-2, #d0d6e0);transition:background var(--motion-fast, .15s),color var(--motion-fast, .15s)}.side-nav a svg{width:16px;height:16px;color:var(--meta, #62666d);flex:none}.side-nav a:hover{background:#ffffff0d;color:var(--fg, #f7f8f8)}.side-nav a.active{background:#5e6ad224;color:var(--fg, #f7f8f8)}.side-nav a.active svg{color:var(--accent, #5e6ad2)}.side-foot{display:flex;flex-direction:column;gap:var(--space-2, 8px);border-top:1px solid var(--border-soft, rgba(255, 255, 255, .05));padding-top:var(--space-3, 12px)}.side-user{display:flex;align-items:center;gap:10px;padding:6px 8px}.side-avatar{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#5e6ad22e;color:var(--accent-hover, #828fff);font-size:12px;font-weight:590}.side-user-meta{min-width:0}.side-user-name{font-size:13px;font-weight:510;color:var(--fg, #f7f8f8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-email{font-size:11.5px;color:var(--meta, #62666d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-logout{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm, 6px);font-size:13px;font-weight:510;color:var(--muted, #8a8f98);transition:background var(--motion-fast, .15s),color var(--motion-fast, .15s)}.side-logout svg{width:16px;height:16px;flex:none}.side-logout:hover{background:#dc262614;color:#f87171}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-4, 16px);padding:var(--space-3, 12px) var(--container-gutter-desktop, 24px);background:color-mix(in oklab,var(--bg, #08090a),transparent 6%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .05))}.top-nav{display:flex;align-items:center;gap:2px}.top-nav a{display:flex;align-items:center;padding:7px 10px;border-radius:var(--radius-sm, 6px);font-size:13px;font-weight:510;color:var(--fg-2, #d0d6e0);transition:background var(--motion-fast, .15s),color var(--motion-fast, .15s)}.top-nav a:hover{background:#ffffff0d;color:var(--fg, #f7f8f8)}.top-nav a.active{background:#5e6ad224;color:var(--fg, #f7f8f8)}.top-user{display:flex;align-items:center;gap:8px}.top-avatar{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#5e6ad22e;color:var(--accent-hover, #828fff);font-size:11px;font-weight:590}.top-user-name{font-size:13px;font-weight:510;color:var(--fg-2, #d0d6e0)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:color-mix(in oklab,#0f1011,transparent 4%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-soft, rgba(255, 255, 255, .05));padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:var(--radius-sm, 6px);color:var(--muted, #8a8f98);font-size:10.5px;font-weight:510;letter-spacing:.01em;transition:color var(--motion-fast, .15s),background var(--motion-fast, .15s)}.tabbar a svg{width:20px;height:20px}.tabbar a.active{color:var(--fg, #f7f8f8)}.tabbar a.active svg{color:var(--accent, #5e6ad2)}.tabbar a:active{background:#ffffff0d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:510;letter-spacing:.01em;padding:8px 14px;border-radius:var(--radius-sm, 6px);background:#ffffff05;color:var(--fg-2, #d0d6e0);border:1px solid var(--border, rgba(255, 255, 255, .08));min-height:36px;transition:background var(--motion-fast, .15s),color var(--motion-fast, .15s),border-color var(--motion-fast, .15s),transform var(--motion-fast, .15s)}.btn svg{width:15px;height:15px;flex:none}.btn:hover{background:#ffffff0d;color:var(--fg, #f7f8f8);border-color:#ffffff24}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent, #5e6ad2);color:var(--accent-on, #ffffff);border-color:transparent;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0000004d}.btn.primary:hover{background:var(--accent-hover, #828fff);color:var(--accent-on, #ffffff)}.btn.primary:active{background:var(--accent-active, #4752c4)}.btn.danger{color:#f87171;border-color:#dc26264d;background:#dc26260f}.btn.danger:hover{background:#dc26261f;color:#f87171;border-color:#dc262673}.btn.block{width:100%;min-height:44px}.btn.sm{padding:6px 11px;font-size:12.5px;min-height:32px}.btn.sm svg{width:14px;height:14px}.btn.lg{padding:10px 18px;font-size:14px;min-height:42px}.btn-icon{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--meta, #62666d);background:#ffffff08;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-sm, 6px);transition:all var(--motion-fast, .15s)}.btn-icon:hover{color:var(--fg, #f7f8f8);background:#ffffff0f}.btn-icon svg{width:16px;height:16px}.fab{position:fixed;right:var(--space-4, 16px);bottom:calc(76px + env(safe-area-inset-bottom));z-index:50;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent, #5e6ad2);color:var(--accent-on, #ffffff);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff2e;transition:background var(--motion-fast, .15s),transform var(--motion-fast, .15s)}.fab:hover{background:var(--accent-hover, #828fff);transform:translateY(-1px)}.fab svg{width:22px;height:22px}.fab-label{position:absolute;right:60px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;font-weight:510;color:var(--fg-2, #d0d6e0);background:var(--surface, #191a1b);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-sm, 6px);padding:5px 10px;opacity:0;pointer-events:none;transition:opacity var(--motion-fast, .15s)}.fab:hover .fab-label{opacity:1}.card{background:#ffffff05;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);padding:var(--space-5, 20px);transition:background var(--motion-fast, .15s),border-color var(--motion-fast, .15s)}.card-pad{padding:var(--space-4, 16px)}.field{display:flex;flex-direction:column;gap:6px}.field-label,.field label{font-size:var(--text-sm, 14px);font-weight:var(--weight-medium, 510);color:var(--fg-2, #d0d6e0)}.input,select.input,textarea.input,.select,select.select{width:100%;padding:10px 12px;font:inherit;font-feature-settings:"cv01","ss03";color:var(--fg, #f7f8f8);background:#ffffff05;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-sm, 6px);transition:border-color var(--motion-fast, .15s),background var(--motion-fast, .15s)}.input::placeholder,.select::placeholder{color:var(--meta, #62666d)}.input:focus,.select:focus{outline:none;border-color:var(--accent, #5e6ad2);background:#ffffff08}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger, #dc2626)}select.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:30px}.field-hint{font-size:var(--text-xs, 12px);color:var(--muted, #8a8f98)}.field-error{font-size:var(--text-xs, 12px);color:var(--danger, #dc2626)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-4, 16px)}.modal{width:100%;max-width:520px;background:var(--panel, #0f1011);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);padding:var(--space-6, 24px) var(--space-5, 20px);box-shadow:0 24px 60px #00000080;animation:slideUp .24s var(--ease-standard, ease)}@keyframes slideUp{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3, 12px);margin-bottom:var(--space-5, 20px)}.modal-title{font-size:18px;font-weight:590;letter-spacing:-.02em;line-height:1.2;margin:0}.modal-body{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.modal-footer{display:flex;gap:var(--space-2, 8px);justify-content:flex-end;margin-top:var(--space-5, 20px)}.table-wrap{overflow-x:auto;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:11px;font-weight:590;letter-spacing:.06em;text-transform:uppercase;color:var(--meta, #62666d);padding:12px 16px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08));white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .05));vertical-align:middle}.table tr:last-child td{border-bottom:none}.segmented{display:inline-flex;gap:2px;padding:3px;background:#ffffff08;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--radius-sm, 6px)}.segmented-item{padding:6px 12px;border-radius:4px;font-size:12.5px;font-weight:510;color:var(--muted, #8a8f98);transition:background var(--motion-fast, .15s),color var(--motion-fast, .15s)}.segmented-item:hover{color:var(--fg, #f7f8f8)}.segmented-item.active{background:var(--surface, #191a1b);color:var(--fg, #f7f8f8);box-shadow:0 1px 2px #0000004d}.progress-bar-fill{display:block;height:6px;border-radius:var(--radius-pill, 9999px);background:linear-gradient(90deg,var(--accent, #5e6ad2),var(--accent-hover, #828fff));transition:width .6s var(--ease-standard, ease)}.progress-bar-label{font-size:12px;color:var(--meta, #62666d);font-family:var(--font-mono, ui-monospace, monospace)}.text-display{font-size:26px;font-weight:590;letter-spacing:-.022em;line-height:1.1}.text-fg{color:var(--fg, #f7f8f8)}.text-muted{color:var(--muted, #8a8f98)}.text-meta{color:var(--meta, #62666d)}.actions{display:flex;align-items:center;gap:var(--space-2, 8px)}.link{color:var(--accent, #5e6ad2);font-weight:510}.list{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.it{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px)}.legend{display:flex;flex-wrap:wrap;gap:var(--space-4, 16px);font-size:12px;color:var(--muted, #8a8f98)}.spinner{width:20px;height:20px;border:2px solid var(--border, rgba(255, 255, 255, .08));border-top-color:var(--accent, #5e6ad2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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: 768px){.sidebar,.top-nav{display:none}.container{padding:var(--space-4, 16px) var(--container-gutter-phone, 12px)}}@media (min-width: 769px){.tabbar,.fab{display:none}}