@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary:#000;--primary-hover:#333;--primary-light:#f1f5f9;--secondary:#2563eb;--secondary-light:#eff6ff;--tertiary:#059669;--tertiary-light:#ecfdf5;--neutral:#0f172a;--neutral-inverted:#fff;--bg-app:#fafafa;--bg-surface:#fff;--bg-subsurface:#f8fafc;--bg-card:#fff;--border-color:#eaeaea;--border-hover:#ccc;--text-main:#000;--text-body:#333;--text-muted:#666;--text-dim:#999;--error:#dc2626;--error-light:#fef2f2;--warning:#d97706;--warning-light:#fffbeb;--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000a;--shadow-card:0 2px 8px #0000000a, 0 1px 2px #00000005;--shadow-hover:0 8px 24px #00000014, 0 2px 8px #0000000a;--shadow-dropdown:0 12px 32px #0000001f, 0 4px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.glass-panel,.metric-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.metric-card{padding:24px}.metric-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.badge-pill{letter-spacing:0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary);border:1px solid var(--border-color)}.badge-secondary{background:var(--secondary-light);color:var(--secondary);border:1px solid #2563eb33}.badge-success{background:var(--tertiary-light);color:var(--tertiary);border:1px solid #05966933}.badge-error{background:var(--error-light);color:var(--error);border:1px solid #dc262633}.badge-warning{background:var(--warning-light);color:var(--warning);border:1px solid #d9770633}.badge-neutral{background:var(--bg-app);color:var(--text-muted);border:1px solid var(--border-color)}.ui-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.875rem;font-family:var(--font-sans);box-shadow:var(--shadow-sm);outline:none;padding:10px 14px;transition:all .15s}.ui-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2563eb26}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-app);border-color:var(--border-hover)}table{border-collapse:collapse;width:100%}th{background:var(--bg-subsurface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-body);padding:16px;font-size:.875rem}tr:hover td{background:var(--bg-app)}tr:last-child td{border-bottom:none}.app-layout{background-color:var(--bg-base);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-container{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:32px 40px;overflow-y:auto}@media (width<=1200px){.page-container{padding:24px 28px}}@media (width<=768px){.page-container{padding:16px 20px}}.fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}