@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan: #00C896;--cyan-dark: #00A87C;--blue: #008CE0;--navy: #1B2A47;--gradient: linear-gradient(135deg, #00C896, #008CE0);--bg-app: #F5F7FA;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--text-primary: #0D1420;--text-secondary: #8892A4;--text-muted: #B0BAC9;--border: rgba(0, 0, 0, .07);--shadow-card: 0 1px 4px rgba(0, 0, 0, .04);--hover-nav: rgba(0, 200, 150, .06);--active-nav: rgba(0, 200, 150, .1);--active-nav-text: #00A87C;--dark-bg: #060B14;--dark-surface: #0D1420;--dark-border: rgba(255, 255, 255, .07);--dark-text: #FFFFFF;--dark-text-muted: rgba(255, 255, 255, .5);--dark-text-dim: rgba(255, 255, 255, .35);--glow-cyan: radial-gradient(circle, rgba(0, 200, 150, .08) 0%, transparent 70%);--glow-blue: radial-gradient(circle, rgba(0, 140, 255, .06) 0%, transparent 70%);--success: #00C896;--warning: #F59E0B;--danger: #EF4444;--danger-hover: #DC2626;--info: #008CE0;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .12s;--duration-normal: .22s;--duration-slow: .38s;--font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", "SF Mono", "Fira Code", monospace;--sidebar-width: 220px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#f5f7fa}body{font-family:var(--font);background-color:#f5f7fa;background:#f5f7fa;color:var(--text-primary);line-height:1.5;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column;background-color:#f5f7fa}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0003}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:#00c8962e}h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary)}h3{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}h4{font-size:1rem;font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--cyan);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--cyan-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.font-mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-slide-in{animation:slideIn var(--duration-normal) var(--ease-out) both}.skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:100px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-success{background:#00c89626;color:#00c896}.badge-pending{background:#f59e0b26;color:#f59e0b}.badge-info{background:#008ce026;color:#008ce0}.badge-danger{background:#ef44441f;color:#ef4444}.badge-muted{background:#0000000f;color:#8892a4}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-accent{background:var(--gradient);border:none;border-radius:var(--radius-md);color:#fff}.app-layout{display:flex;min-height:100dvh}.app-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);flex-shrink:0;position:sticky;top:0;height:100dvh;overflow-y:auto}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-app)}.app-topbar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.app-content{padding:24px 28px;flex:1}.page-header{margin-bottom:24px}.page-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.dark-section{background:var(--dark-bg);color:var(--dark-text);font-family:var(--font)}