:root{--color-bg: #0b0f14;--color-surface: #11161d;--color-surface-raised: #161d26;--color-surface-hover: #1b2430;--color-fg: #d7dee8;--color-fg-muted: #8b96a5;--color-fg-subtle: #5c6675;--color-accent: #4f8cff;--color-accent-hover: #6ba0ff;--color-accent-soft: rgba(79, 140, 255, .14);--color-accent-soft-strong: rgba(79, 140, 255, .22);--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .14);--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .14);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .14);--color-info: #38bdf8;--color-info-soft: rgba(56, 189, 248, .14);--color-neutral: #8b96a5;--color-neutral-soft: rgba(139, 150, 165, .14);--color-border: #1f2833;--color-border-strong: #2b3644;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .12s ease;--transition-base: .18s ease;--sidebar-width: 232px;--header-height: 56px;--titlebar-height: 38px;--toolbar-height: 44px;--statusbar-height: 26px}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:none}code,pre,kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-soft-strong)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-base);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);min-height:34px;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:transparent;border-color:var(--color-border-strong);color:var(--color-fg)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-fg-muted)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-fg)}.btn-sm{padding:5px 10px;font-size:var(--text-sm);min-height:28px;border-radius:var(--radius-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table th{text-align:left;padding:10px var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);white-space:nowrap}.data-table td{padding:11px var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:var(--text-xs);font-weight:500;line-height:1.6;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-neutral{background:var(--color-neutral-soft);color:var(--color-neutral)}.tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:var(--text-xs);font-family:var(--font-mono);margin:1px 2px 1px 0}.field{display:block}.field-label{display:block;font-size:var(--text-sm);color:var(--color-fg-muted);margin-bottom:var(--space-2)}.field-hint{font-size:var(--text-xs);color:var(--color-fg-subtle);margin-top:var(--space-1)}.input,.select,.textarea{width:100%;padding:8px 10px;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--color-fg-subtle)}.page{max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;color:var(--color-fg)}.page-subtitle{font-size:var(--text-base);color:var(--color-fg-muted);margin-top:var(--space-1)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-fg-muted);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.state-block-title{font-size:var(--text-md);font-weight:600;color:var(--color-fg)}.state-block-error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.dl{display:grid;grid-template-columns:150px 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-base)}.dl dt{color:var(--color-fg-muted)}.dl dd{color:var(--color-fg);word-break:break-word}.code-block{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow:auto;font-size:var(--text-xs);line-height:1.6;color:var(--color-fg-muted)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}.app-sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:20;transform:translate(-100%);transition:transform var(--transition-base)}.app-sidebar-open{transform:translate(0)}.app-main-col{flex:1;display:flex;flex-direction:column;min-width:0}.data-table td,.data-table th{padding:7px var(--space-4)}.btn{min-height:30px}.btn-sm{min-height:26px}.page{max-width:1280px}@media (min-width: 769px){.app-sidebar{transform:translate(0)}.app-main-col{margin-left:var(--sidebar-width)}.app-nav-toggle{display:none!important}}@media (max-width: 768px){.dl{grid-template-columns:1fr;gap:var(--space-1)}.dl dd{margin-bottom:var(--space-3)}.page-header{flex-direction:column;align-items:flex-start}}