*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0F172A;--bg-2: #1E293B;--bg-3: #263347;--border: rgba(255,255,255,.07);--border-md: rgba(255,255,255,.12);--blue: #3B82F6;--blue-dark: #2563EB;--blue-dim: rgba(59,130,246,.12);--blue-glow: rgba(59,130,246,.3);--green: #10B981;--amber: #F59E0B;--red: #EF4444;--purple: #8B5CF6;--text: #F1F5F9;--subtle: #94A3B8;--muted: #64748B;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 0 0 1px rgba(255,255,255,.04), 0 8px 32px rgba(0,0,0,.45);--font: "Sora", sans-serif;--mono: "JetBrains Mono", monospace;--sidebar-w: 240px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font)}a{text-decoration:none;color:inherit}img{max-width:100%}.auth-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.auth-glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(59,130,246,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(99,102,241,.07) 0%,transparent 55%)}.auth-logo{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;letter-spacing:-.03em;color:var(--text);background:none;border:none;cursor:pointer;margin-bottom:36px;position:relative;z-index:1;text-decoration:none}.auth-logo-icon{width:195px;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px var(--blue-glow)}.auth-logo-icon svg{width:16px;height:16px}.auth-card{width:100%;max-width:420px;background:var(--bg-2);border:1px solid var(--border);border-radius:18px;padding:36px;box-shadow:0 0 0 1px #ffffff08,0 24px 60px #00000080;position:relative;z-index:1;animation:authIn .35s cubic-bezier(.34,1.2,.64,1)}@keyframes authIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.auth-card-header{margin-bottom:24px}.auth-card-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.04em;margin-bottom:4px}.auth-card-header p{font-size:.875rem;color:var(--muted)}.social-row{display:flex;gap:8px;margin-bottom:20px}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;background:#ffffff0a;border:1px solid var(--border-md);border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--subtle);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.social-btn:hover{background:#ffffff12;border-color:#ffffff2e;color:var(--text)}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.75rem;color:var(--muted);white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:7px}.field-group label{font-size:.8rem;font-weight:500;color:var(--subtle)}.field-label-row{display:flex;align-items:center;justify-content:space-between}.forgot-link{font-size:.78rem;font-weight:500;color:var(--blue);background:none;border:none;cursor:pointer;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#93c5fd}.field-wrap{position:relative}.field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.field-wrap input{width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 40px 11px 38px;font-size:.875rem;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.field-wrap input.no-left-icon{padding-left:12px}.field-wrap input::placeholder{color:var(--muted)}.field-wrap input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;transition:color .2s}.pw-toggle:hover{color:var(--subtle)}.checkbox-row{display:flex;align-items:flex-start;gap:10px}.checkbox-row input[type=checkbox]{width:16px;height:16px;margin-top:1px;accent-color:var(--blue);flex-shrink:0}.checkbox-row label{font-size:.8rem;color:var(--muted);line-height:1.5;cursor:pointer}.checkbox-row label a,.checkbox-row label button{color:var(--blue);background:none;border:none;cursor:pointer;font-size:inherit;transition:color .2s}.strength-bar-wrap{margin-top:6px}.strength-bar-track{height:4px;background:#ffffff14;border-radius:10px;overflow:hidden}.strength-bar-fill{height:100%;border-radius:10px;transition:width .3s,background .3s}.strength-label{font-size:.72rem;margin-top:4px}.auth-submit{padding:13px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.925rem;font-weight:600;cursor:pointer;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 16px #3b82f64d;letter-spacing:-.01em;width:100%}.auth-submit:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;margin-top:20px;font-size:.83rem;color:var(--muted)}.auth-switch a,.auth-switch button{background:none;border:none;color:var(--blue);cursor:pointer;font-weight:500;font-size:inherit;text-decoration:none;transition:color .2s}.auth-switch a:hover,.auth-switch button:hover{color:#93c5fd}.auth-footer{margin-top:28px;font-size:.77rem;color:var(--muted);position:relative;z-index:1;text-align:center}.auth-footer a,.auth-footer button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:inherit;text-decoration:none;transition:color .2s}.auth-footer a:hover,.auth-footer button:hover{color:var(--subtle)}.back-link{display:flex;align-items:center;gap:6px;font-size:.83rem;color:var(--muted);background:none;border:none;cursor:pointer;margin-bottom:24px;transition:color .2s;text-decoration:none}.back-link:hover{color:var(--subtle)}.info-box{background:#3b82f612;border:1px solid rgba(59,130,246,.18);border-radius:var(--radius-sm);padding:12px 14px;font-size:.8rem;color:#93c5fd;line-height:1.55;margin-bottom:4px}.success-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 0}.success-circle{width:56px;height:56px;border-radius:50%;background:#10b9811f;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;color:var(--green)}.success-circle svg{width:24px;height:24px}.success-state h2{font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.success-state p{font-size:.85rem;color:var(--muted);line-height:1.6}.view-content{padding:0}.view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.view-title{font-size:1.1rem;font-weight:700;letter-spacing:-.03em}.view-sub{font-size:.78rem;color:var(--muted);margin-top:2px}.view-cta-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 4px 12px #3b82f640;white-space:nowrap}.view-cta-btn:hover{background:var(--blue-dark);transform:translateY(-1px)}.view-cta-btn.saved{background:var(--green)}.status-badge{display:inline-flex;padding:3px 8px;border-radius:100px;font-size:.72rem;font-weight:600;text-transform:capitalize}.status-badge.active,.status-badge.delivered{background:#10b9811f;color:var(--green)}.status-badge.expired{background:#64748b1f;color:var(--muted)}.status-badge.pending{background:#f59e0b1f;color:var(--amber)}.filter-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.83rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s}.filter-tab:hover{color:var(--subtle);background:#ffffff0a}.filter-tab.active{color:var(--text);background:var(--bg-2);border-color:var(--border)}.tab-count{font-size:.72rem;font-weight:600;background:#ffffff14;color:var(--muted);padding:1px 6px;border-radius:10px}.filter-tab.active .tab-count{background:var(--blue-dim);color:var(--blue)}.kpi-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.kpi-label{font-size:.75rem;color:var(--muted);margin-bottom:6px}.kpi-value{font-size:1.5rem;font-weight:700;letter-spacing:-.04em;margin-bottom:4px}.kpi-change{font-size:.73rem}.kpi-change.up{color:var(--green)}.kpi-change.down{color:var(--red)}.toggle-btn{width:38px;height:22px;border-radius:11px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);position:relative;cursor:pointer;transition:background .2s,border-color .2s;padding:0;flex-shrink:0}.toggle-btn.on{background:var(--blue);border-color:var(--blue)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.toggle-btn.on .toggle-knob{transform:translate(16px)}@media (max-width: 960px){.logo-icon{width:165px!important}}@media (max-width: 640px){.logo-icon{width:155px!important}}@media (max-width: 640px){.logo-icon{width:115px!important}}