@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #4F46E5;--primary-hover: #4338CA;--secondary: #10B981;--background: #F8FAFC;--surface: #FFFFFF;--surface-hover: #F1F5F9;--text-primary: #0F172A;--text-secondary: #64748B;--danger: #EF4444;--border: #E2E8F0;--radius: 12px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}@media(prefers-color-scheme:dark){:root{--primary: #6366F1;--primary-hover: #4F46E5;--secondary: #34D399;--background: #0F172A;--surface: #1E293B;--surface-hover: #334155;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--danger: #F87171;--border: #334155}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto}.card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.input{width:100%;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.glass-nav{background:rgba(var(--surface),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;padding:1rem 2rem;border-bottom:1px solid var(--border)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}