@import url("https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Text:wght@400;500;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--bg-base:#fff;--bg-page:#f8f9fc;--bg-surface:#fff;--bg-surface-hover:#f1f3f9;--bg-surface-raised:#fff;--bg-input:#f1f3f9;--bg-input-focus:#fff;--bg-overlay:rgba(0,0,0,.4);--bg-modal:#fff;--bg-sidebar:#f8f9fc;--text-primary:#1a1a2e;--text-secondary:#5f6368;--text-tertiary:#9aa0a6;--text-inverse:#fff;--text-link:#1a73e8;--accent-primary:#1a73e8;--accent-primary-light:rgba(26,115,232,.08);--accent-primary-medium:rgba(26,115,232,.16);--accent-primary-hover:#1557b0;--accent-secondary:#7c3aed;--accent-secondary-light:rgba(124,58,237,.08);--accent-success:#0d904f;--accent-success-light:rgba(13,144,79,.08);--accent-warning:#e37400;--accent-warning-light:rgba(227,116,0,.08);--accent-danger:#d93025;--accent-danger-light:rgba(217,48,37,.08);--accent-cyan:#0891b2;--border-light:#e8eaed;--border-medium:#dadce0;--border-focus:#1a73e8;--border-input:#dadce0;--shadow-sm:0 1px 2px rgba(60,64,67,.1);--shadow-md:0 1px 3px rgba(60,64,67,.15),0 1px 2px rgba(60,64,67,.1);--shadow-lg:0 4px 12px rgba(60,64,67,.1),0 1px 4px rgba(60,64,67,.08);--shadow-xl:0 8px 28px rgba(60,64,67,.12),0 2px 8px rgba(60,64,67,.08);--sidebar-width:260px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:120ms ease;--transition-normal:200ms ease;--transition-slow:350ms ease;--chart-grid:#e8eaed;--chart-text:#5f6368}[data-theme=dark]{--bg-base:#0e1117;--bg-page:#0e1117;--bg-surface:#161b22;--bg-surface-hover:#1c2333;--bg-surface-raised:#1c2333;--bg-input:#1c2333;--bg-input-focus:#21293a;--bg-overlay:rgba(0,0,0,.65);--bg-modal:#161b22;--bg-sidebar:#0d1117;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--text-inverse:#0e1117;--text-link:#58a6ff;--accent-primary:#58a6ff;--accent-primary-light:rgba(88,166,255,.1);--accent-primary-medium:rgba(88,166,255,.2);--accent-primary-hover:#79b8ff;--accent-secondary:#a78bfa;--accent-secondary-light:rgba(167,139,250,.1);--accent-success:#3fb950;--accent-success-light:rgba(63,185,80,.12);--accent-warning:#d29922;--accent-warning-light:rgba(210,153,34,.12);--accent-danger:#f85149;--accent-danger-light:rgba(248,81,73,.12);--accent-cyan:#39d2f5;--border-light:#21262d;--border-medium:#30363d;--border-focus:#58a6ff;--border-input:#30363d;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 2px 6px rgba(0,0,0,.3);--shadow-lg:0 4px 16px rgba(0,0,0,.35);--shadow-xl:0 8px 32px rgba(0,0,0,.4);--chart-grid:#21262d;--chart-text:#8b949e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,Google Sans Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background var(--transition-normal),color var(--transition-normal)}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit;border:none;background:none;color:inherit}input,select,textarea{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.surface-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.surface-card-raised,.surface-card:hover{box-shadow:var(--shadow-md)}.surface-card-raised{background:var(--bg-surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--accent-primary);color:var(--text-inverse);font-weight:600;font-size:.875rem;border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap;line-height:1.4;letter-spacing:.01em}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary);font-weight:500;font-size:.875rem;border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap}.btn-secondary:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-sm)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:var(--accent-danger-light);border:1px solid transparent;color:var(--accent-danger);font-weight:500;font-size:.875rem;border-radius:var(--radius-full);transition:all var(--transition-normal)}.btn-danger:hover{background:var(--accent-danger);color:#fff}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:transparent;transition:background var(--transition-fast);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.input-field{width:100%;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal);line-height:1.5}.input-field:focus{background:var(--bg-input-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}.input-field::placeholder{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-blue{background:var(--accent-primary-light);color:var(--accent-primary)}.badge-emerald{background:var(--accent-success-light);color:var(--accent-success)}.badge-amber{background:var(--accent-warning-light);color:var(--accent-warning)}.badge-rose{background:var(--accent-danger-light);color:var(--accent-danger)}.badge-violet{background:var(--accent-secondary-light);color:var(--accent-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .7s linear infinite}.pulse-dot{width:8px;height:8px;border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.4;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:0}}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);background:var(--bg-surface);position:-webkit-sticky;position:sticky;top:0}.data-table td,.data-table th{padding:12px 16px;border-bottom:1px solid var(--border-light)}.data-table td{font-size:.875rem;color:var(--text-secondary);transition:background var(--transition-fast)}.data-table tbody tr:hover td{background:var(--accent-primary-light);color:var(--text-primary)}.chart-container .recharts-cartesian-axis-tick-value{fill:var(--chart-text);font-size:.75rem}.chart-container .recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.8rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:background var(--transition-fast);font-size:1.15rem;border:1px solid var(--border-light)}.theme-toggle:hover{background:var(--bg-surface-hover)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){:root{--sidebar-width:0px}}.hero-gradient{background:radial-gradient(circle at 50% 50%,rgba(26,115,232,.15) 0,rgba(124,58,237,.05) 30%,transparent 70%);animation:pulse-gradient 8s ease-in-out infinite alternate}@keyframes pulse-gradient{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:.8}}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;max-width:1200px;margin:0 auto}.bento-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:24px;padding:32px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary-medium)}.bento-span-2{grid-column:span 2}.bento-span-3{grid-column:span 3}@media (max-width:900px){.bento-grid{grid-template-columns:1fr}.bento-span-2,.bento-span-3{grid-column:span 1}}