:root{--primary:#1a365d;--primary-light:#2b4c7e;--secondary:#e2e8f0;--background:#f3f4f6;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--danger:#ef4444;--success:#10b981;--border:#e5e7eb;--input-bg:#f9fafb;--hover-bg:#1a365d0d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.dark{--primary:#60a5fa;--primary-light:#93c5fd;--secondary:#374151;--background:#0b1120;--card-bg:#1f2937;--text-main:#f9fafb;--text-muted:#9ca3af;--border:#374151;--input-bg:#111827;--hover-bg:#60a5fa1a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s ease-in-out}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.app-container{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--input-bg);width:100%;color:var(--text-main);padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a365d1a}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);width:100%;padding:12px 24px;font-size:1rem;font-weight:600}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.error-box{color:var(--danger);border-radius:var(--radius-sm);border:1px solid var(--danger);text-align:center;background-color:#ef44441a;margin-bottom:16px;padding:12px;font-size:.875rem}.chip{border-radius:var(--radius-full);padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.chip.active{color:var(--primary);background-color:#1a365d1a;font-weight:600}.chip:not(.active){color:var(--text-muted)}.chip:not(.active):hover{background-color:#0000000d}.nav-link{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:12px;padding:12px 20px;font-weight:500;display:flex}.nav-link:hover{background-color:#0000000d}.nav-link.active{color:var(--primary);background-color:#1a365d1a;font-weight:600}.avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:700;display:flex}