@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf)format("truetype");font-weight:700;font-style:normal}:root{--background:#f0f4ff;--background-secondary:#e8efff;--surface:#fff;--surface-elevated:#e8f0ff;--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--accent:#0ea5e9;--accent-light:#38bdf8;--accent-dark:#0284c7;--success:#059669;--success-light:#10b981;--danger:#dc2626;--danger-light:#ef4444;--warning:#d97706;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-on-primary:#fff;--text-on-surface:#111827;--border:#e2e8f0;--border-light:#f1f5f9;--gradient-primary:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--gradient-accent:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#059669 100%);--gradient-warm:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--gradient-cool:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);--gradient-surface:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);--shadow-xs:0 1px 2px 0 #2563eb0d;--shadow-sm:0 1px 3px 0 #2563eb1a,0 1px 2px -1px #2563eb1a;--shadow-md:0 4px 6px -1px #2563eb1a,0 2px 4px -2px #2563eb1a;--shadow-lg:0 10px 15px -3px #2563eb1a,0 4px 6px -4px #2563eb1a;--shadow-xl:0 20px 25px -5px #2563eb1a,0 8px 10px -6px #2563eb1a;--shadow-colored:0 8px 16px #2563eb33;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--backdrop-blur:blur(12px)}[data-theme=dark]{--background:#0f172a;--background-secondary:#1e293b;--surface:#1e3a5f;--surface-elevated:#fff;--primary:#60a5fa;--primary-light:#93c5fd;--primary-dark:#3b82f6;--accent:#38bdf8;--accent-light:#7dd3fc;--accent-dark:#0ea5e9;--success:#34d399;--success-light:#6ee7b7;--danger:#f87171;--danger-light:#fca5a5;--warning:#fbbf24;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-on-primary:#fff;--text-on-surface:#f8fafc;--text-on-elevated:#111827;--border:#334155;--border-light:#1e293b;--gradient-primary:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);--gradient-accent:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);--gradient-success:linear-gradient(135deg,#34d399 0%,#059669 100%);--gradient-warm:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);--gradient-cool:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);--gradient-surface:linear-gradient(135deg,#1e3a5f 0%,#334155 100%);--shadow-xs:0 1px 2px 0 #00000080;--shadow-sm:0 1px 3px 0 #0009,0 1px 2px -1px #0009;--shadow-md:0 4px 6px -1px #0009,0 2px 4px -2px #0009;--shadow-lg:0 10px 15px -3px #000000b3,0 4px 6px -4px #000000b3;--shadow-xl:0 20px 25px -5px #000c,0 8px 10px -6px #000c;--shadow-colored:0 8px 16px #3b82f666}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.container{background-color:var(--surface);max-width:600px;min-height:100vh;box-shadow:var(--shadow-md);margin:0 auto;position:relative}.card{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.text-right{text-align:right}.text-red{color:var(--danger)}.text-green{color:var(--success)}.glass{-webkit-backdrop-filter:var(--backdrop-blur);background:#ffffff1a;border:1px solid #fff3}[data-theme=dark] .glass{background:#ffffff0d;border:1px solid #ffffff1a}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}