.layout{display:flex;min-height:100vh}.sidebar{width:256px;flex-shrink:0;background:#fff;border-right:1px solid var(--border-solid);padding:0;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar-logo{display:flex;flex-direction:column;padding:0 24px;border-bottom:1px solid var(--border-light);height:64px;justify-content:center;gap:2px}.logo-text{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--accent);letter-spacing:-.02em}.logo-sub{font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:16px;flex:1}.nav-item{display:block;padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--accent-soft);color:var(--accent);transform:translate(2px)}.nav-item-active{color:var(--accent);background:var(--accent-soft);font-weight:600}.main-content{flex:1;overflow-x:hidden}:root{--bg: #f3f6fb;--surface: rgba(255, 255, 255, .82);--surface-elevated: rgba(255, 255, 255, .95);--bg-hover: rgba(99, 102, 241, .04);--border: rgba(255, 255, 255, .75);--border-solid: #e2e8f0;--border-light: #f1f5f9;--text: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--accent: #5b6cff;--accent-hover: #6366f1;--accent-soft: #eef2ff;--accent-green: #16a34a;--accent-red: #dc2626;--accent-yellow: #d97706;--font-sans: "Inter", "DM Sans", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-display: "Inter", "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "DM Mono", monospace;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 10px 40px rgba(15, 23, 42, .06);--shadow-lg: 0 14px 50px rgba(15, 23, 42, .08);--shadow-card: 0 10px 40px rgba(15, 23, 42, .06)}body{background:radial-gradient(circle at top left,rgba(99,102,241,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(59,130,246,.06),transparent 30%),var(--bg);color:var(--text)}.glass,.card{background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-card);transition:all .25s ease}.glass:hover,.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.input:focus{border-color:#6366f166!important;box-shadow:0 0 0 4px #6366f114;background:#fff!important}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-solid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface-elevated);color:var(--text);border-color:var(--border-solid)}.btn-secondary:hover{background:var(--bg-hover)}.input{width:100%;padding:10px 16px;font-size:14px;font-weight:500;border:1px solid var(--border-solid);border-radius:var(--radius-xl);background:#f8fafccc;color:var(--text);transition:all .2s ease}.input:focus{outline:none;border-color:#6366f166;box-shadow:0 0 0 4px #6366f114;background:#fff}.input::placeholder{color:var(--text-muted);font-weight:400}.label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;border-radius:9999px}.badge-yellow{background:#eab3081a;color:var(--accent-yellow)}.badge-blue{background:var(--accent-soft);color:var(--accent)}.badge-green{background:#22c55e1a;color:var(--accent-green)}.badge-red{background:#ef44441a;color:var(--accent-red)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.positive{color:var(--accent-green)}.negative{color:var(--accent-red)}.positive-text{color:var(--accent-green)}.negative-text{color:var(--accent-red)}