:root{--sb-bg:#0a1628;--sb-bg-raised:#0f1e35;--sb-bg-panel:#14243f;--sb-card:#1e293b8c;--sb-border:#60a5fa29;--sb-border-hover:#60a5fa8c;--sb-blue:#3b82f6;--sb-blue-light:#60a5fa;--sb-blue-pale:#93c5fd;--sb-text-hi:#f0f6ff;--sb-text:#cbd5e1;--sb-text-dim:#8fa3bd;--sb-light-bg:#f8fafc;--sb-light-card:#fff;--sb-light-border:#e2e8f0;--sb-light-heading:#0f172a;--sb-light-text:#475569;--sb-light-dim:#64748b;--sb-ease:cubic-bezier(0.22,1,0.36,1);--font-display:"Space Grotesk","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}:root,[data-theme=dark]{--bg:#0a1628;--bg-raised:#0f1e35;--bg-panel:#14243f;--card-bg:#1e293b8c;--input-bg:#0a1628;--bg-elevated:#14243f;--text-bright:#f0f6ff;--text-heading:#f0f6ff;--text:#cbd5e1;--text-muted:#8fa3bd;--text-subtle:#8fa3bd;--text-faint:#64748b;--border:#60a5fa29;--border-hover:#60a5fa8c;--issue-text:#fca5a5;--accent:#3b82f6;--shadow:0 4px 16px #02081459}[data-theme=light]{--bg:#f8fafc;--bg-raised:#f8fafc;--bg-panel:#fff;--card-bg:#fff;--input-bg:#fff;--bg-elevated:#f1f5f9;--text-bright:#0f172a;--text-heading:#0f172a;--text:#475569;--text-muted:#64748b;--text-subtle:#64748b;--text-faint:#94a3b8;--border:#e2e8f0;--border-hover:#3b82f68c;--issue-text:#b91c1c;--shadow:0 4px 16px #0f172a0f}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#0a1628;background:var(--bg);color:#cbd5e1;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);min-height:100vh}h1,h2,h3,h4{color:#f0f6ff;color:var(--text-heading);font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-display);letter-spacing:-.01em}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.nav.nav-solid{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0a1628f2;border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--sb-border)}.nav.nav-solid .logo-emoji{font-size:1.25rem;line-height:1}.app{display:flex;min-height:100vh}.app-main{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:32px 40px}.header h1{color:#f0f6ff;color:var(--text-bright);font-size:2rem;font-weight:700;letter-spacing:-.5px}.header p{color:#8fa3bd;color:var(--text-muted);margin-top:4px}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text);flex:1 1;font-size:.95rem;min-width:200px;padding:10px 16px;transition:border-color .2s ease}.search:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}.search::placeholder{color:#8fa3bd;color:var(--text-subtle)}.date-filters{display:flex;flex-wrap:wrap;gap:12px}.date-filters label{align-items:center;color:#8fa3bd;color:var(--text-muted);display:flex;font-size:.85rem;gap:8px}.date-filters input{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text);font-size:.85rem;padding:8px 12px;transition:border-color .2s ease}.date-filters input:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,#2563eb 100%);border:none;border-radius:10px;box-shadow:0 4px 14px #3b82f640;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:10px 20px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1);transition:transform .25s var(--sb-ease),box-shadow .25s var(--sb-ease);white-space:nowrap}.btn-primary:hover{box-shadow:0 8px 22px #3b82f659;transform:translateY(-1px)}.form-card{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 16px #02081459;box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.form-card h2{color:#f0f6ff;color:var(--text-heading);font-size:1.1rem;margin-bottom:20px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:16px}.form-grid input,.form-grid select,.form-grid textarea{background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text);font-family:inherit;font-size:.9rem;padding:10px 14px;transition:border-color .2s ease}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}.form-grid label{color:#8fa3bd;color:var(--text-muted);display:flex;flex-direction:column;font-size:.8rem;gap:6px}.form-grid textarea{grid-column:1/-1;min-height:80px;resize:vertical}.cards{grid-gap:16px;gap:16px}.empty{color:#64748b;color:var(--text-faint);grid-column:1/-1;padding:48px}.empty-state{flex-direction:column;gap:24px;grid-column:1/-1;padding:80px 40px;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:#14243f;background:var(--bg-elevated);border:2px solid #60a5fa29;border:2px solid var(--border);border-radius:16px;color:#8fa3bd;color:var(--text-muted);height:80px;width:80px}.empty-state-heading{color:#f0f6ff;color:var(--text-heading);font-size:1.8rem;font-weight:700;margin:0}.empty-state-text{color:#8fa3bd;color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0;max-width:400px}.empty-state-button{font-size:1rem;margin-top:12px;padding:12px 32px}.empty-filtered{color:#8fa3bd;color:var(--text-muted);font-size:.95rem;grid-column:1/-1;padding:48px;text-align:center}.card{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-left:4px solid;border-radius:14px;box-shadow:0 4px 16px #02081459;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;padding:20px;transition:border-color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease),box-shadow .3s var(--sb-ease)}.card:hover{border-bottom-color:#60a5fa8c;border-bottom-color:var(--border-hover);border-right-color:#60a5fa8c;border-right-color:var(--border-hover);border-top-color:#60a5fa8c;border-top-color:var(--border-hover);box-shadow:0 10px 30px #0f172a1f;transform:translateY(-4px)}.ref{color:#f0f6ff;color:var(--text-heading);font-size:1rem;font-weight:700}.status-badge{border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px}.card-body{gap:8px}.card-body div{font-size:.85rem;justify-content:space-between}.card-body span{color:#8fa3bd;color:var(--text-subtle)}.card-body strong{color:#cbd5e1;color:var(--text);text-align:right}.comments{flex-direction:column!important;gap:4px}.comments strong{color:#8fa3bd!important;color:var(--text-muted)!important;font-weight:400!important;text-align:left!important}.btn-delete{align-self:flex-end;background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.8rem;padding:6px 14px}.btn-delete:hover{background:#ef4444;color:#fff}.form-actions{align-items:center;display:flex;gap:12px}.btn-secondary{border:1px solid #60a5fa8c;border:1px solid var(--border-hover);border-radius:10px;color:#cbd5e1;color:var(--text);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--sb-ease)}.btn-secondary:hover{border-color:#3b82f6;border-color:var(--accent);color:#f0f6ff;color:var(--text-bright);transform:translateY(-1px)}.card-actions{gap:8px;justify-content:flex-end}.btn-edit{background:#0000;border:1px solid #3b82f6;border:1px solid var(--accent);border-radius:6px;color:#3b82f6;color:var(--accent);cursor:pointer;font-size:.8rem;padding:6px 14px}.btn-edit:hover{background:#3b82f6;background:var(--accent);color:#fff}.btn-history{background:#0000;border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:6px;color:#8fa3bd;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:6px 14px}.btn-history:hover{background:#0a1628;background:var(--bg);border-color:#8fa3bd;border-color:var(--text-muted);color:#cbd5e1;color:var(--text)}.undo-bar{align-items:center;background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#8fa3bd;color:var(--text-muted);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.undo-bar strong{color:#cbd5e1;color:var(--text)}.btn-undo{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px}.btn-undo:hover{background:#d97706}.status-select{background:#0a1628;background:var(--input-bg);border:1px solid;border-radius:6px;color:#cbd5e1;color:var(--text);cursor:pointer;flex:1 1;font-size:.8rem;padding:6px 10px}.loading{color:#8fa3bd;color:var(--text-muted);font-size:1.1rem;height:100vh}.auth-page,.loading{align-items:center;display:flex;justify-content:center}.auth-page{background:radial-gradient(1px 1px at 12% 22%,#dbeafe8c 50%,#0000 51%),radial-gradient(1px 1px at 78% 14%,#dbeafe66 50%,#0000 51%),radial-gradient(1.5px 1.5px at 62% 34%,#93c5fd73 50%,#0000 51%),radial-gradient(1px 1px at 32% 8%,#dbeafe59 50%,#0000 51%),radial-gradient(1px 1px at 88% 62%,#dbeafe4d 50%,#0000 51%),radial-gradient(ellipse at 50% -20%,#3b82f629 0,#0000 60%),linear-gradient(160deg,#0d1d38,#0a1628 55%,#0a1628);min-height:100vh;padding:110px 20px 60px}.auth-card{background:#0f1e35;background:var(--sb-bg-raised);border:1px solid #60a5fa29;border:1px solid var(--sb-border);border-radius:16px;box-shadow:0 0 0 1px #02081499,0 30px 70px #0208148c,0 10px 30px #3b82f61a;max-width:420px;padding:40px;width:100%}.auth-card h1{color:#f0f6ff;color:var(--sb-text-hi);font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.auth-sub{color:#8fa3bd;color:var(--sb-text-dim);font-size:.9rem;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{background:#0a1628bf;border:1px solid #60a5fa38;border-radius:9px;color:#f0f6ff;color:var(--sb-text-hi);font-family:inherit;font-size:.95rem;padding:12px 14px;transition:border-color .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1);transition:border-color .25s var(--sb-ease),box-shadow .25s var(--sb-ease)}.auth-form input::placeholder{color:#8fa3bd;color:var(--sb-text-dim)}.auth-form input:focus{border-color:#60a5fa;border-color:var(--sb-blue-light);box-shadow:0 0 0 3px #3b82f62e;outline:none}.auth-error{color:#f87171;font-size:.85rem}.auth-link{color:#8fa3bd;color:var(--sb-text-dim);font-size:.85rem;text-align:center}.auth-link a{color:#60a5fa;color:var(--sb-blue-light);font-weight:600;text-decoration:none}.auth-link a:hover{color:#93c5fd;color:var(--sb-blue-pale);text-decoration:underline}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-actions{display:flex;gap:12px}.btn-bookin{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px}.btn-bookin:hover{background:#059669}.modal-overlay{background:#000000b3;inset:0}.modal{background:#14243f;background:var(--bg-panel);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:560px;padding:32px;width:100%}.modal h2{color:#f0f6ff;color:var(--text-heading);font-size:1.2rem;margin-bottom:4px}.modal-sub{color:#8fa3bd;color:var(--text-subtle);font-size:.85rem;margin-bottom:20px}.history-list{gap:12px;margin-bottom:20px;max-height:350px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-gutter:stable}.history-entry,.history-list{display:flex;flex-direction:column}.history-entry{border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);gap:4px;padding:12px 0}.history-entry:last-child{border-bottom:none}.history-action{color:#3b82f6;color:var(--accent);font-size:.9rem;font-weight:600}.history-details{color:#8fa3bd;color:var(--text-muted);font-size:.85rem}.history-meta{align-items:center;color:#64748b;color:var(--text-faint);display:flex;font-size:.8rem;justify-content:space-between}.email-body{color:#cbd5e1;color:var(--text);line-height:1.6;margin-bottom:20px;padding:16px;white-space:pre-wrap}.email-body,.ref-preview{background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;font-size:.9rem}.ref-preview{color:#8fa3bd;color:var(--text-muted);margin-bottom:16px;padding:12px 16px}.ref-preview strong{color:#3b82f6;color:var(--accent);font-size:1rem}.email-toggle{align-items:center;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:10px;margin-bottom:16px}.message-bar{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#10b981;font-size:.9rem;margin-bottom:24px;padding:12px 16px}.admin-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.admin-section{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #02081459;box-shadow:var(--shadow);padding:24px}.admin-section h2{color:#f0f6ff;color:var(--text-heading);font-size:1rem;margin-bottom:16px}.admin-section.full-width{grid-column:1/-1}.permissions-table{display:flex;flex-direction:column;gap:8px}.permissions-header,.permissions-row{grid-gap:8px;align-items:center;display:grid;font-size:.85rem;gap:8px;grid-template-columns:1fr repeat(4,48px)}.permissions-header{border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);color:#8fa3bd;color:var(--text-subtle);font-size:.8rem;padding-bottom:8px}.permissions-row{color:#cbd5e1;color:var(--text);padding:6px 0}.permissions-row em{color:#8fa3bd;color:var(--text-subtle);font-size:.75rem;font-style:normal}.permissions-row input[type=checkbox]{cursor:pointer;height:16px;width:16px}.template-hint{color:#8fa3bd;color:var(--text-subtle);font-size:.85rem;margin-bottom:12px}.template-hint strong{color:#3b82f6;color:var(--accent)}.template-editor{background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text);font-family:inherit;font-size:.9rem;margin-bottom:16px;padding:12px;resize:vertical;width:100%}.branding-section{grid-gap:32px;border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);border-top:1px solid #60a5fa29;border-top:1px solid var(--border);display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:20px 0}.branding-field{display:flex;flex-direction:column;gap:12px}.branding-field h3{color:#f0f6ff;color:var(--text-heading);font-size:.95rem;font-weight:600}.field-hint{color:#8fa3bd;color:var(--text-muted);font-size:.8rem;margin:0}.file-input{background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text);cursor:pointer;font-size:.9rem;padding:8px}.logo-preview{align-items:center;background:#14243f;background:var(--bg-elevated);border:2px solid #60a5fa29;border:2px solid var(--border);border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:12px;overflow:hidden;width:120px}.logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.colour-picker-group{align-items:center;display:flex;gap:16px}.colour-picker{border:2px solid #60a5fa29;border:2px solid var(--border);border-radius:8px;cursor:pointer;height:60px;width:60px}.colour-presets{display:flex;flex-wrap:wrap;gap:8px}.preset-swatch{border:2px solid #60a5fa29;border:2px solid var(--border);border-radius:8px;cursor:pointer;height:36px;padding:0;transition:all .2s ease;width:36px}.preset-swatch:hover{transform:scale(1.1)}.preset-swatch.active{border-color:#cbd5e1;border-color:var(--text);box-shadow:0 0 0 2px #60a5fa29;box-shadow:0 0 0 2px var(--border)}.activity-log h2{color:#f0f6ff;color:var(--text-heading);font-size:1rem;margin-bottom:16px}.log-entry{align-items:flex-start;border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);display:flex;font-size:.85rem;justify-content:space-between;padding:10px 0}.log-info{display:flex;flex-direction:column;gap:2px}.log-action{color:#3b82f6;color:var(--accent);font-weight:600;text-transform:capitalize}.log-details{color:#8fa3bd;color:var(--text-muted)}.log-meta{align-items:flex-end;color:#64748b;color:var(--text-faint);display:flex;flex-direction:column;font-size:.8rem;gap:2px}.issue-note{border-top:1px solid #60a5fa29;border-top:1px solid var(--border);flex-direction:column!important;gap:4px;margin-top:4px;padding-top:8px}.issue-note span{color:#ef4444!important}.issue-note strong{color:#fca5a5!important;color:var(--issue-text)!important;font-weight:400!important;text-align:left!important}.card-breached{border:1px solid #ef4444;border-left-width:4px;box-shadow:0 0 0 1px #ef44444d}.card-breached:hover{border-color:#ef4444;box-shadow:0 0 0 1px #ef444466,0 10px 30px #0f172a1f}.breach-banner{background:#ef4444;border-radius:6px;color:#fff;font-size:.8rem;margin-bottom:12px;padding:6px 12px;text-align:center}.breach-banner,.priority-tag{font-weight:700;letter-spacing:.5px}.priority-tag{background:#f59e0b;border-radius:4px;color:#0f172a;font-size:.65rem;margin-left:8px;padding:2px 6px;vertical-align:middle}.priority-toggle{align-items:center;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:10px;margin-bottom:16px}.priority-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.btn-issue{background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px}.btn-issue:hover{background:#ef4444;color:#fff}.btn-resolve{background:#ef4444;font-size:.8rem;padding:6px 14px}.btn-resolve:hover{background:#dc2626}.hamburger{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:0 12px;width:44px}.hamburger span{background:#cbd5e1;background:var(--text);border-radius:2px;display:block;height:2px}.sidebar{background:#1e293b8c;background:var(--card-bg);border-right:1px solid #60a5fa29;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:24px;position:-webkit-sticky;position:sticky;top:0;width:280px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.sidebar-header h2{color:#f0f6ff;color:var(--text-bright);font-size:1.3rem;font-weight:700}.sidebar-logo{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:all .3s ease}.sidebar-logo:hover{background:#14243f;background:var(--bg-elevated);transform:scale(1.05)}.sidebar-logo h2{color:#3b82f6;color:var(--accent);font-size:1.3rem;font-weight:700;margin:0}.sidebar-logo-img{max-height:60px;max-width:140px;object-fit:contain}.sidebar-close{background:#0000;border:none;color:#8fa3bd;color:var(--text-muted);cursor:pointer;font-size:1.1rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px}.sidebar-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#cbd5e1;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;text-align:left;transition:all .15s ease;white-space:nowrap}.sidebar-link:hover{background:#0a1628;background:var(--bg);border-color:#3b82f6;border-color:var(--accent);color:#3b82f6;color:var(--accent)}.sidebar-link.active{background:#3b82f6;background:var(--accent);color:#fff}.sidebar-guide{border-top:1px solid #60a5fa29;border-top:1px solid var(--border);margin:24px 0 16px;padding:0}.guide-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:space-between;padding:12px;text-align:left;transition:all .2s ease;width:100%}.guide-toggle:hover{background:#14243f;background:var(--bg-elevated);color:#cbd5e1;color:var(--text)}.guide-toggle-label{align-items:center;display:flex;flex:1 1;gap:12px}.guide-chevron{flex-shrink:0;transition:transform .3s ease}.guide-chevron.open{transform:rotate(180deg)}.guide-content{border-top:1px solid #60a5fa29;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto;padding:12px 0 16px}.guide-item{font-size:.75rem;line-height:1.5;padding:10px 0}.guide-item strong{color:#f0f6ff;color:var(--text-bright);display:block;font-size:.8rem;margin-bottom:3px}.guide-item p{word-wrap:break-word;color:#8fa3bd;color:var(--text-muted);font-size:.75rem;margin:0}.sidebar-footer{display:flex;flex-direction:column;gap:12px;margin-top:auto}.theme-toggle{align-items:center;background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px}.theme-toggle-label{align-items:center;color:#8fa3bd;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px}.theme-toggle-track{background:#60a5fa29;background:var(--border);border-radius:999px;flex-shrink:0;height:22px;position:relative;transition:background .2s ease;width:40px}.theme-toggle-track.light{background:#3b82f6;background:var(--accent)}.theme-toggle-thumb{background:#fff;border-radius:50%;height:16px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:16px}.theme-toggle-thumb.light{transform:translateX(18px)}.sidebar-signout{align-items:center;background:#0000;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:12px 16px;width:100%}.sidebar-signout:hover{background:#ef4444;color:#fff}.header-left{gap:16px}.header-left,.today-banner{align-items:center;display:flex}.today-banner{background:#1e293b8c;background:var(--card-bg);border:1px solid #3b82f6;border:1px solid var(--accent);border-radius:8px;color:#cbd5e1;color:var(--text);font-size:.9rem;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.today-banner button{background:#3b82f6;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px}.stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:14px;border-top:3px solid;box-shadow:0 4px 16px #02081459;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;padding:20px}.stat-count{font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#8fa3bd;color:var(--text-muted);font-size:.8rem}.supplier-list{display:flex;flex-direction:column;gap:8px}.supplier-row{align-items:center;background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.supplier-info{display:flex;flex-direction:column;gap:2px}.supplier-info strong{color:#cbd5e1;color:var(--text);font-size:.95rem}.supplier-info span{color:#8fa3bd;color:var(--text-subtle);font-size:.8rem}.supplier-actions,.supplier-field{display:flex;gap:8px}.supplier-field{flex-direction:column}.supplier-picker{background:#0a1628;background:var(--input-bg);border:1px solid #3b82f6;border:1px solid var(--accent);border-radius:8px;color:#cbd5e1;color:var(--text);cursor:pointer;font-size:.9rem;padding:10px 14px}.report-table-wrap{border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow-x:auto}.report-table{border-collapse:collapse;font-size:.875rem;width:100%}.report-table th{background:#1e293b8c;background:var(--card-bg);border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);color:#8fa3bd;color:var(--text-subtle);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.report-table td{background:#0a1628;background:var(--bg);border-bottom:1px solid #1e293b8c;border-bottom:1px solid var(--card-bg);color:#cbd5e1;color:var(--text);padding:12px 16px;vertical-align:middle}.report-table tbody tr:last-child td{border-bottom:none}.report-table tbody tr:hover td{background:#1e293b8c;background:var(--card-bg)}.row-breached td{background:#ef44440f!important}.row-breached:hover td{background:#ef44441f!important}.row-invalid td{opacity:.5}.onboarding-modal{animation:slideInUp .3s ease-out;background:#14243f;background:var(--bg-panel);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;gap:32px;max-width:640px;padding:48px 40px;position:relative;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboarding-skip{align-items:center;background:none;border:none;border-radius:6px;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.onboarding-skip:hover{background:#14243f;background:var(--bg-elevated);color:#cbd5e1;color:var(--text)}.onboarding-content{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.onboarding-icon{align-items:center;background:#14243f;background:var(--bg-elevated);border:2px solid #60a5fa29;border:2px solid var(--border);border-radius:12px;color:#3b82f6;color:var(--accent);display:flex;height:80px;justify-content:center;width:80px}.onboarding-content h2{color:#f0f6ff;color:var(--text-heading);font-size:1.5rem;font-weight:700;margin:0}.onboarding-content p{color:#cbd5e1;color:var(--text);font-size:1rem;line-height:1.6;margin:0}.onboarding-footer{display:flex;flex-direction:column;gap:24px}.onboarding-dots{display:flex;gap:12px;justify-content:center}.dot{background:#60a5fa29;background:var(--border);border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s;width:10px}.dot:hover{background:#8fa3bd;background:var(--text-muted)}.dot.active{background:#3b82f6;background:var(--accent);border-radius:5px;width:28px}.onboarding-controls{align-items:center;display:flex;gap:16px;justify-content:space-between}.spacer{width:86px}.btn-back,.btn-get-started,.btn-next{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-back{background:#14243f;background:var(--bg-elevated);border:1px solid #60a5fa29;border:1px solid var(--border);color:#cbd5e1;color:var(--text)}.btn-back:hover{background:#60a5fa29;background:var(--border)}.btn-get-started,.btn-next{background:#3b82f6;background:var(--accent);color:#fff;justify-content:center;min-width:140px}.btn-get-started:hover,.btn-next:hover{background:#2563eb}.landing{--sb-bg:#0a1628;--sb-bg-raised:#0f1e35;--sb-bg-panel:#14243f;--sb-card:#1e293b8c;--sb-border:#60a5fa29;--sb-border-hover:#60a5fa8c;--sb-blue:#3b82f6;--sb-blue-light:#60a5fa;--sb-blue-pale:#93c5fd;--sb-text-hi:#f0f6ff;--sb-text:#cbd5e1;--sb-text-dim:#8fa3bd;--sb-ease:cubic-bezier(0.22,1,0.36,1);-webkit-font-smoothing:antialiased;background:var(--sb-bg);color:var(--sb-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}.landing .logo-text,.landing .price-amount,.landing .stat-num,.landing .stat-number,.landing h1,.landing h2,.landing h3,.landing h4{font-family:Space Grotesk,Inter,sans-serif}.nav{background:#0000;border-bottom:1px solid #0000;left:0;padding:22px 60px;position:fixed;right:0;top:0;transition:background .35s var(--sb-ease),padding .35s var(--sb-ease),box-shadow .35s var(--sb-ease);z-index:1000}.nav.sticky{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0a1628d1;border-bottom:1px solid var(--sb-border);box-shadow:0 8px 30px #02081473;padding:14px 60px}.nav-container{justify-content:space-between;margin:0 auto;max-width:1240px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer;font-size:1.35rem;font-weight:700;gap:10px;letter-spacing:-.01em}.footer-logo-icon,.logo-icon{color:var(--sb-blue-light);flex-shrink:0}.logo-text{color:var(--sb-text-hi)}.nav-buttons{align-items:center;display:flex;gap:10px}.nav-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.92rem;font-weight:600;gap:7px;padding:10px 18px;transition:all .25s var(--sb-ease);white-space:nowrap}.nav-demo{background:#3b82f61f;border:1px solid #60a5fa59;color:var(--sb-blue-pale)}.nav-demo:hover{background:#3b82f638;border-color:var(--sb-blue-light);transform:translateY(-1px)}.nav-guide,.nav-signin{background:#0000;border:1px solid #0000;color:var(--sb-text)}.nav-guide:hover,.nav-signin:hover{background:#94a3b814;color:var(--sb-text-hi)}.nav-trial{background:var(--sb-blue);border:1px solid #0000;box-shadow:0 4px 14px #3b82f659;color:#fff}.nav-trial:hover{background:#2563eb;box-shadow:0 8px 22px #3b82f673;transform:translateY(-1px)}.hero{align-items:center;background:radial-gradient(1px 1px at 12% 22%,#dbeafe8c 50%,#0000 51%),radial-gradient(1px 1px at 78% 14%,#dbeafe66 50%,#0000 51%),radial-gradient(1.5px 1.5px at 62% 34%,#93c5fd73 50%,#0000 51%),radial-gradient(1px 1px at 32% 8%,#dbeafe59 50%,#0000 51%),radial-gradient(1px 1px at 88% 42%,#dbeafe4d 50%,#0000 51%),radial-gradient(1.5px 1.5px at 8% 48%,#93c5fd4d 50%,#0000 51%),radial-gradient(1px 1px at 46% 18%,#dbeafe73 50%,#0000 51%),linear-gradient(160deg,#0d1d38,#0a1628 55%,#0a1628);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:160px 60px 110px;position:relative}.hero:before{background:radial-gradient(ellipse,#3b82f629 0,#0000 65%);height:700px;left:50%;top:-35%;transform:translateX(-50%);width:900px}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute;z-index:0}.hero:after{background:linear-gradient(to bottom,#0000,var(--sb-bg));height:240px;inset:auto 0 0 0}.hero-content{max-width:980px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;animation:slideUp .7s var(--sb-ease);background:#3b82f61a;border:1px solid #60a5fa4d;border-radius:100px;color:var(--sb-blue-pale);font-size:.86rem;font-weight:600;gap:8px;letter-spacing:.01em;margin-bottom:34px;padding:8px 18px}.badge-icon,.hero-badge{display:inline-flex}.hero-headline{animation:slideUp .7s var(--sb-ease) .05s both;color:var(--sb-text-hi);font-size:clamp(2.3rem,5.2vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-bottom:26px}.headline-accent{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#60a5fa,#93c5fd 60%,#60a5fa);-webkit-background-clip:text;background-clip:text}.hero-subheadline{animation:slideUp .7s var(--sb-ease) .12s both;color:var(--sb-text);font-size:1.13rem;line-height:1.75;margin:0 auto 44px;max-width:720px}.hero-stats{grid-gap:18px;animation:slideUp .7s var(--sb-ease) .2s both;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:0 auto 44px;max-width:680px}.stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;padding:24px 18px;text-align:center;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease)}.stat:hover{border-color:var(--sb-border-hover);transform:translateY(-3px)}.stat-number{color:var(--sb-blue-light);font-size:2.1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.stat-label{color:var(--sb-text-dim);font-size:.88rem}.hero-buttons{animation:slideUp .7s var(--sb-ease) .28s both;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:18px}.btn-cta,.btn-pricing,.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:15px 32px;transition:all .25s var(--sb-ease)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #3b82f666,inset 0 1px 0 #ffffff26;color:#fff}.btn-primary:hover{box-shadow:0 12px 30px #3b82f680,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #60a5fa66;color:var(--sb-blue-pale)}.btn-secondary:hover{background:#3b82f61a;border-color:var(--sb-blue-light);transform:translateY(-2px)}.hero-subtext{animation:slideUp .7s var(--sb-ease) .36s both;color:var(--sb-text-dim);font-size:.92rem}.hero-preview{animation:slideUp .9s var(--sb-ease) .4s both;margin-top:64px}.dashboard-mockup{background:var(--sb-bg-raised);border:1px solid #60a5fa40;border-radius:16px;box-shadow:0 0 0 1px #02081499,0 30px 70px #020814a6,0 10px 30px #3b82f61f;margin:0 auto;max-width:920px;overflow:hidden;text-align:left}.mockup-browser-bar{align-items:center;background:#0f172ae6;border-bottom:1px solid var(--sb-border);display:flex;gap:12px;height:44px;padding:0 16px}.mockup-dots{display:flex;gap:7px}.mockup-dots span{border-radius:50%;height:11px;opacity:.7;width:11px}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#22c55e}.mockup-address{color:var(--sb-text-dim);font-size:.82rem;font-weight:500;margin-left:8px}.mockup-content{background:var(--sb-bg-raised);padding:26px}.mockup-stats-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-item{background:#1e293b80;border:1px solid #64748b40;border-radius:10px;padding:14px 12px;text-align:center}.stat-item .stat-label{color:var(--sb-text-dim);font-size:.68rem;font-weight:700;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.stat-item .stat-number{font-size:1.6rem;font-weight:700;line-height:1}.stat-item.awaiting{background:#f59e0b1a;border-color:#f59e0b4d}.stat-item.awaiting .stat-number{color:#fbbf24}.stat-item.in-breach{background:#ef44441a;border-color:#ef444459}.stat-item.in-breach .stat-number{color:#f87171}.stat-item.on-time{background:#22c55e1a;border-color:#22c55e4d}.stat-item.on-time .stat-number{color:#4ade80}.stat-item.complete{background:#3b82f61a;border-color:#3b82f64d}.stat-item.complete .stat-number{color:var(--sb-blue-light)}.mockup-breach-banner{animation:breachPulse 3s ease-in-out infinite;background:#ef44441a;border:1px solid #ef444459;border-radius:10px;color:#fca5a5;font-size:.88rem;font-weight:500;margin-bottom:20px;padding:12px 16px}@keyframes breachPulse{0%,to{border-color:#ef444459}50%{border-color:#ef4444b3}}.mockup-shipments{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.mockup-shipment{background:#1e293b80;border:1px solid #64748b40;border-radius:11px;overflow:hidden;position:relative;transition:border-color .25s var(--sb-ease)}.mockup-shipment:hover{border-color:var(--sb-border-hover)}.shipment-border{bottom:0;left:0;position:absolute;top:0;width:3px}.mockup-shipment.breach .shipment-border{background:#ef4444}.mockup-shipment.in-time .shipment-border{background:#f59e0b}.mockup-shipment.completed .shipment-border{background:#22c55e}.shipment-header{align-items:center;border-bottom:1px solid #64748b33;display:flex;justify-content:space-between;padding:13px 14px 10px 17px}.shipment-ref{color:var(--sb-text-hi);font-size:.95rem;font-weight:700;letter-spacing:.01em}.shipment-badge{border-radius:5px;font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:4px 9px;text-transform:uppercase}.shipment-badge.breach{background:#ef44442e;color:#f87171}.shipment-badge.in-time{background:#f59e0b2e;color:#fbbf24}.shipment-badge.completed{background:#22c55e2e;color:#4ade80}.shipment-supplier{color:var(--sb-text);font-size:.84rem;font-weight:500;padding:11px 17px 0}.shipment-details{color:var(--sb-text-dim);display:flex;flex-direction:column;font-size:.78rem;gap:4px;padding:8px 17px 14px}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing *,.landing :after,.landing :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.section-title{color:var(--sb-text-hi);font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;margin-bottom:16px;text-align:center}.section-subtitle{color:var(--sb-text-dim);font-size:1.05rem;line-height:1.7;margin:0 auto 56px;max-width:640px;text-align:center}.guide-link{background:none;border:none;color:var(--sb-blue-light);cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-weight:600;padding:0;transition:color .2s}.guide-link:hover{color:var(--sb-blue-pale);text-decoration:underline}.industries{background:var(--sb-bg);padding:96px 60px}.industries-container{margin:0 auto;max-width:1240px}.industries .section-title{margin-bottom:48px}.industries-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.industry-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;display:flex;flex-direction:column;padding:30px 24px;text-align:left;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease),background .3s var(--sb-ease)}.industry-card:hover{background:#1e293bcc;border-color:var(--sb-border-hover);transform:translateY(-4px)}.industry-icon{align-items:center;background:#3b82f61f;border:1px solid #60a5fa40;border-radius:11px;color:var(--sb-blue-light);display:flex;height:46px;justify-content:center;margin-bottom:16px;transition:all .3s var(--sb-ease);width:46px}.industry-card:hover .industry-icon{background:#3b82f638;transform:scale(1.06)}.industry-icon svg{height:24px;width:24px}.industry-card h3{color:var(--sb-text-hi);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.industry-card p{color:var(--sb-text-dim);font-size:.9rem;line-height:1.55;margin:0}.problem{background:var(--sb-bg-raised);border-bottom:1px solid var(--sb-border);border-top:1px solid var(--sb-border);padding:96px 60px}.problem-container{margin:0 auto;max-width:1100px}.problem-cards{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.problem-card{background:#0a16288c;border:1px solid var(--sb-border);border-radius:14px;border-top:3px solid #ef444480;padding:34px 28px;text-align:left;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease)}.problem-card:nth-child(2){border-top-color:#f59e0b80}.problem-card:nth-child(3){border-top-color:#60a5fa80}.problem-card:hover{border-color:var(--sb-border-hover);transform:translateY(-4px)}.problem-icon{align-items:center;background:#3b82f61f;border:1px solid #60a5fa40;border-radius:12px;color:var(--sb-blue-light);display:flex;height:52px;justify-content:center;margin-bottom:18px;width:52px}.problem-icon svg{height:26px;width:26px}.problem-card h3{color:var(--sb-text-hi);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin:0 0 10px}.problem-card p{color:var(--sb-text-dim);font-size:.95rem;line-height:1.65;margin:0}.features{background:linear-gradient(180deg,#e9eef6,#f8fafc 110px,#f8fafc calc(100% - 110px),#e9eef6);border-bottom:1px solid #0f172a14;border-top:1px solid #0f172a14;padding:96px 60px}.features .section-title{color:var(--sb-light-heading)}.features .section-subtitle{color:var(--sb-light-dim)}.features .guide-link{color:var(--sb-blue)}.features .guide-link:hover{color:#2563eb}.features-container{margin:0 auto;max-width:1240px}.features-header{margin-bottom:52px}.features-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 16px #0f172a0f;overflow:hidden;padding:32px 28px;position:relative;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease),box-shadow .3s var(--sb-ease)}.feature-card:before{background:linear-gradient(90deg,var(--sb-blue-light) 0,#0000 80%);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--sb-ease)}.feature-card:hover{border-color:#3b82f68c;box-shadow:0 14px 34px #0f172a1f;transform:translateY(-4px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:11px;color:var(--sb-blue);display:flex;height:48px;justify-content:center;margin-bottom:18px;transition:all .3s var(--sb-ease);width:48px}.feature-card:hover .feature-icon{background:#3b82f626;transform:scale(1.06)}.feature-icon svg{height:24px;width:24px}.feature-title{color:var(--sb-light-heading);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0 0 10px}.feature-desc{color:var(--sb-light-text);font-size:.93rem;line-height:1.65;margin:0}.how-it-works{background:radial-gradient(1px 1px at 18% 30%,#dbeafe59 50%,#0000 51%),radial-gradient(1px 1px at 82% 20%,#dbeafe4d 50%,#0000 51%),radial-gradient(1.5px 1.5px at 60% 70%,#93c5fd4d 50%,#0000 51%),linear-gradient(180deg,#0c1b33,#0f172a);border-bottom:1px solid var(--sb-border);border-top:1px solid var(--sb-border);color:#fff;overflow:hidden;padding:100px 60px;position:relative}.how-container{margin:0 auto;max-width:1100px;position:relative;z-index:1}.how-it-works .section-title{color:#fff;margin-bottom:56px}.steps{grid-gap:36px 48px;display:grid;gap:36px 48px;grid-template-columns:repeat(2,1fr)}.step{align-items:flex-start;display:flex;gap:20px}.step-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 6px 16px #3b82f659;color:#fff;display:flex;flex-shrink:0;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.step-title{color:var(--sb-text-hi);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.step-desc{color:var(--sb-text-dim);font-size:.95rem;line-height:1.65;margin:0}.pricing{background:linear-gradient(180deg,#e9eef6,#f8fafc 110px,#f8fafc calc(100% - 110px),#e9eef6);border-bottom:1px solid #0f172a14;border-top:1px solid #0f172a14;padding:96px 60px}.pricing .section-title{color:var(--sb-light-heading)}.pricing .section-subtitle{color:var(--sb-light-dim)}.pricing-container{margin:0 auto;max-width:1240px}.pricing-cards{grid-gap:26px;align-items:stretch;display:grid;gap:26px;grid-template-columns:repeat(2,minmax(300px,420px));justify-content:center}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 16px #0f172a0f;display:flex;flex-direction:column;padding:38px 34px;position:relative;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease),box-shadow .3s var(--sb-ease)}.pricing-card:hover{border-color:#3b82f68c;box-shadow:0 14px 34px #0f172a1f;transform:translateY(-4px)}.pricing-card.highlight{background:linear-gradient(160deg,#eff6ff,#fff 55%);border-color:#3b82f699;box-shadow:0 0 0 1px #3b82f640,0 24px 60px #3b82f629}.pricing-card.highlight:hover{box-shadow:0 0 0 1px #3b82f666,0 32px 70px #3b82f63d;transform:translateY(-6px)}.pricing-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:100px;box-shadow:0 8px 20px #3b82f673;color:#fff;font-size:.72rem;font-weight:700;left:50%;letter-spacing:.08em;padding:7px 18px;position:absolute;text-transform:uppercase;top:-13px;transform:translateX(-50%);white-space:nowrap}.pricing-name{color:var(--sb-light-heading);font-size:1.05rem;font-weight:700;letter-spacing:.06em;margin:0 0 4px}.pricing-tagline{color:var(--sb-light-dim);font-size:.9rem;margin:0 0 20px}.pricing-price{align-items:baseline;display:flex;margin-bottom:28px}.price-amount{color:var(--sb-light-heading);font-size:3.1rem;font-weight:700;letter-spacing:-.03em}.pricing-card.highlight .price-amount{color:var(--sb-blue)}.price-period{color:var(--sb-light-dim);font-size:1rem;margin-left:6px}.pricing-features{flex:1 1;list-style:none;margin:0 0 30px;padding:0}.pricing-features li{border-bottom:1px solid #0f172a14;color:var(--sb-light-text);font-size:.94rem;line-height:1.5;padding:11px 0}.pricing-features li:last-child{border-bottom:none}.btn-pricing{background:#3b82f614;border:1px solid #3b82f659;color:#2563eb;margin-top:auto;width:100%}.btn-pricing:hover{background:#3b82f624;border-color:var(--sb-blue);transform:translateY(-2px)}.pricing-card.highlight .btn-pricing{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 6px 20px #3b82f666;color:#fff}.pricing-card.highlight .btn-pricing:hover{box-shadow:0 12px 30px #3b82f680}.about{background:var(--sb-bg-raised);border-bottom:1px solid var(--sb-border);border-top:1px solid var(--sb-border);padding:96px 60px}.about-container{margin:0 auto;max-width:1100px}.about-content{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1.5fr 1fr}.about-text h3{color:var(--sb-text-hi);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 18px}.about-text p{color:var(--sb-text-dim);font-size:1rem;line-height:1.75;margin:0 0 18px}.about-text p:last-child{margin-bottom:0}.about-stats{display:flex;flex-direction:column;gap:18px}.about-stat{background:#0a16288c;border:1px solid var(--sb-border);border-radius:14px;padding:24px;text-align:center;transition:border-color .3s var(--sb-ease)}.about-stat:hover{border-color:var(--sb-border-hover)}.stat-num{color:var(--sb-blue-light);font-size:2.1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.stat-desc{color:var(--sb-text-dim);font-size:.92rem}.faqs{background:var(--sb-bg);padding:96px 60px}.faq-container{margin:0 auto;max-width:1000px}.faqs .section-title{margin-bottom:48px}.faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.faq-item{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;padding:26px 28px;transition:border-color .3s var(--sb-ease)}.faq-item:hover{border-color:var(--sb-border-hover)}.faq-q{color:var(--sb-text-hi);font-size:1rem;font-weight:600;margin:0 0 8px}.faq-a{color:var(--sb-text-dim);font-size:.93rem;line-height:1.65;margin:0}.final-cta{background:radial-gradient(1px 1px at 22% 30%,#dbeafe66 50%,#0000 51%),radial-gradient(1px 1px at 76% 24%,#dbeafe59 50%,#0000 51%),radial-gradient(1.5px 1.5px at 55% 65%,#93c5fd59 50%,#0000 51%),radial-gradient(ellipse at 50% 120%,#3b82f659 0,#0000 60%),linear-gradient(180deg,#0a1628,#0d1f3c);border-top:1px solid var(--sb-border);overflow:hidden;padding:110px 60px;position:relative;text-align:center}.cta-content{margin:0 auto;max-width:620px;position:relative;z-index:1}.cta-headline{color:var(--sb-text-hi);font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-.025em;margin:0 0 14px}.cta-description{color:var(--sb-text-dim);font-size:1.08rem;margin:0 0 32px}.btn-cta{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 30px #3b82f673,inset 0 1px 0 #ffffff26;color:#fff;font-weight:700;padding:17px 42px}.btn-cta:hover{box-shadow:0 18px 44px #3b82f68c,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.cta-subtext{color:var(--sb-text-dim);font-size:.92rem;margin-top:18px}.footer{background:#081120;border-top:1px solid var(--sb-border);padding:64px 60px 30px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto 40px;max-width:1240px}.footer-left{display:flex;flex-direction:column;gap:12px}.footer-logo{align-items:center;color:var(--sb-text-hi);display:flex;font-size:1.2rem;font-weight:700;gap:10px}.footer-tagline{color:var(--sb-text-dim);font-size:.93rem;line-height:1.6;margin:0;max-width:380px}.footer-links{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.footer-section{align-items:flex-start;display:flex;flex-direction:column}.footer-section h4{color:var(--sb-text-hi);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.footer-link{background:none;border:none;color:var(--sb-text-dim);cursor:pointer;font-family:inherit;font-size:.9rem;padding:6px 0;text-align:left;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--sb-blue-pale)}.footer-bottom{border-top:1px solid #64748b26;color:#64748b;font-size:.85rem;margin:0 auto;max-width:1240px;padding-top:22px;text-align:center}.footer-bottom p{margin:0}.user-menu-container{position:relative}.nav-user,.user-menu-container{align-items:center;display:flex}.nav-user{background:#0000;border:1px solid #64748b66;border-radius:50%;color:var(--sb-text);justify-content:center;padding:6px}.nav-user:hover{background:#3b82f61a;border-color:var(--sb-blue-light)}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-dropdown{animation:dropdownFadeIn .2s var(--sb-ease);background:var(--sb-bg-panel);border:1px solid var(--sb-border);border-radius:12px;box-shadow:0 16px 40px #02081499;margin-top:10px;min-width:270px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid var(--sb-border);padding:16px}.dropdown-user-info{align-items:center;display:flex;gap:12px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.dropdown-name{color:var(--sb-text-hi);font-size:.95rem;font-weight:600}.dropdown-email{color:var(--sb-text-dim);font-size:.83rem;word-break:break-all}.dropdown-divider{background:var(--sb-border);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:var(--sb-text);cursor:pointer;display:flex;font-family:inherit;font-size:.92rem;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:#3b82f61f;color:var(--sb-blue-pale)}.dropdown-item.logout{color:#f87171}.dropdown-item.logout:hover{background:#ef444424;color:#fca5a5}@media (max-width:1024px){.features-grid,.industries-grid,.mockup-shipments{grid-template-columns:repeat(2,1fr)}.mockup-shipment.completed{display:none}}@media (max-width:768px){.nav,.nav.sticky{padding-left:20px;padding-right:20px}.nav-guide{display:none}.hero{min-height:auto;padding:130px 20px 70px}.hero-stats{gap:12px;grid-template-columns:1fr}.hero-buttons{align-items:stretch;flex-direction:column}.mockup-stats-bar{grid-template-columns:repeat(2,1fr)}.mockup-shipments{grid-template-columns:1fr}.mockup-shipment.completed{display:block}.about,.faqs,.features,.how-it-works,.industries,.pricing,.problem{padding:64px 20px}.final-cta{padding:80px 20px}.footer{padding:48px 20px 24px}.faq-grid,.features-grid,.industries-grid,.problem-cards,.steps{grid-template-columns:1fr}.steps{gap:28px}.pricing-cards{grid-template-columns:1fr}.about-content,.footer-content{gap:40px;grid-template-columns:1fr}}@media (max-width:480px){.nav-demo span.nav-demo-label{display:none}}.guide{-webkit-font-smoothing:antialiased;background:var(--sb-bg);color:var(--sb-text);font-family:var(--font-body);line-height:1.65}.guide h1,.guide h2,.guide h3,.guide h4{font-family:var(--font-display)}.guide-header{background:radial-gradient(1px 1px at 12% 32%,#dbeafe8c 50%,#0000 51%),radial-gradient(1px 1px at 78% 24%,#dbeafe66 50%,#0000 51%),radial-gradient(1.5px 1.5px at 62% 64%,#93c5fd73 50%,#0000 51%),radial-gradient(1px 1px at 32% 78%,#dbeafe59 50%,#0000 51%),radial-gradient(ellipse at 50% -30%,#3b82f62e 0,#0000 60%),linear-gradient(160deg,#0d1d38,#0a1628);border-bottom:1px solid var(--sb-border);color:var(--sb-text-hi);padding:80px 40px 70px}.guide .back-btn{background:#3b82f61f;border:1px solid #60a5fa59;border-radius:9px;color:var(--sb-blue-pale);cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;margin-bottom:24px;padding:10px 20px;transition:all .25s var(--sb-ease)}.guide .back-btn:hover{background:#3b82f638;border-color:var(--sb-blue-light);transform:translateY(-1px)}.guide-header h1{color:var(--sb-text-hi);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0 0 10px}.guide-header p{color:var(--sb-text-dim);font-size:1.1rem;margin:0}.guide-toc{background:linear-gradient(180deg,#e9eef6,#f8fafc 90px);border-bottom:1px solid #0f172a0f;padding:48px 40px}.guide .toc-container{margin:0 auto;max-width:1200px}.guide .toc-container h3{color:var(--sb-light-heading);font-size:1.1rem;font-weight:600;margin:0 0 20px}.guide .toc-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guide .toc-link{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 16px #0f172a0f;color:#2563eb;display:inline-block;font-size:.9rem;font-weight:600;padding:12px 16px;text-decoration:none;transition:all .25s var(--sb-ease)}.guide .toc-link:hover{border-color:#3b82f68c;box-shadow:0 10px 24px #0f172a1a;transform:translateY(-2px)}.guide-content{background:#f8fafc;padding:60px 40px}.guide-container{margin:0 auto;max-width:900px}.guide-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 16px #0f172a0f;margin-bottom:40px;padding:40px;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease),box-shadow .3s var(--sb-ease)}.guide-section:hover{border-color:#3b82f68c;box-shadow:0 14px 34px #0f172a1a;transform:translateY(-4px)}.guide .section-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:24px}.guide .section-icon{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;display:flex;flex-shrink:0;font-size:2.2rem;height:56px;justify-content:center;line-height:1;width:56px}.guide .section-header h2{color:var(--sb-light-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.guide .section-description{color:var(--sb-light-dim);font-size:1rem;margin:0}.guide .section-details{margin-left:76px}.guide .section-details h3{color:var(--sb-light-heading);font-size:.82rem;font-weight:700;letter-spacing:.07em;margin:0 0 14px;text-transform:uppercase}.guide .section-details ul{list-style:none;margin:0;padding:0}.guide .section-details li{color:var(--sb-light-text);font-size:.95rem;line-height:1.6;padding:10px 0 10px 26px;position:relative}.guide .section-details li:before{color:var(--sb-blue);content:"✓";font-weight:700;left:0;position:absolute}.guide-faq{background:linear-gradient(180deg,#0f1e35,#0a1628 160px);border-top:1px solid var(--sb-border);padding:80px 40px}.guide .faq-container{margin:0 auto;max-width:1200px}.guide .faq-container h2{color:var(--sb-text-hi);font-size:clamp(1.7rem,3vw,2.2rem);font-weight:700;letter-spacing:-.025em;margin-bottom:40px;text-align:center}.guide .faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.guide .faq-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;padding:26px 28px;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease)}.guide .faq-card:hover{border-color:var(--sb-border-hover);transform:translateY(-4px)}.guide .faq-card h4{color:var(--sb-text-hi);font-size:1rem;font-weight:600;margin:0 0 10px}.guide .faq-card p{color:var(--sb-text-dim);font-size:.93rem;line-height:1.65;margin:0}.guide-cta{background:radial-gradient(1px 1px at 22% 30%,#dbeafe66 50%,#0000 51%),radial-gradient(1px 1px at 76% 24%,#dbeafe59 50%,#0000 51%),radial-gradient(ellipse at 50% 120%,#3b82f659 0,#0000 60%),linear-gradient(180deg,#0a1628,#0d1f3c);border-top:1px solid var(--sb-border);padding:90px 40px}.guide .cta-box{color:var(--sb-text-hi);margin:0 auto;max-width:600px;text-align:center}.guide .cta-box h2{color:var(--sb-text-hi);font-size:clamp(1.7rem,3vw,2.2rem);font-weight:700;letter-spacing:-.025em;margin-bottom:12px}.guide .cta-box p{color:var(--sb-text-dim);font-size:1.08rem;margin-bottom:28px}.guide .btn-start{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 10px 30px #3b82f673,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:16px 40px;transition:all .25s var(--sb-ease)}.guide .btn-start:hover{box-shadow:0 18px 44px #3b82f68c,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.guide-footer{background:#081120;border-top:1px solid var(--sb-border);color:var(--sb-text-dim);padding:40px;text-align:center}.guide-footer button{background:none;border:none;color:var(--sb-blue-light);cursor:pointer;font-family:inherit;font-weight:600;margin-bottom:16px;transition:color .2s}.guide-footer button:hover{color:var(--sb-blue-pale)}.guide-footer p{font-size:.9rem;margin:0}@media (max-width:768px){.guide-header{padding:60px 20px 50px}.guide-header h1{font-size:1.8rem}.guide-toc{padding:36px 20px}.guide .toc-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.guide-content{padding:40px 20px}.guide-section{padding:24px}.guide .section-header{flex-direction:column}.guide .section-details{margin-left:0}.guide-cta,.guide-faq{padding:60px 20px}.guide .faq-grid{grid-template-columns:1fr}.guide .cta-box h2{font-size:1.5rem}}.tooltip-wrapper{cursor:help;position:relative}.tooltip-wrapper button,.tooltip-wrapper input{cursor:help}.tooltip-content{word-wrap:break-word;background:var(--bg-panel);border:1px solid var(--border-hover);border-radius:10px;box-shadow:0 10px 30px #02081473;color:var(--text);font-size:.86rem;line-height:1.55;max-width:280px;padding:10px 14px;pointer-events:none;position:fixed;white-space:normal;width:-webkit-max-content;width:max-content;z-index:99999}.tooltip-arrow{background:var(--bg-panel);height:10px;position:absolute;transform:rotate(45deg);width:10px}.tooltip-content[data-placement=top] .tooltip-arrow{border-bottom:1px solid var(--border-hover);border-right:1px solid var(--border-hover);bottom:-6px}.tooltip-content[data-placement=bottom] .tooltip-arrow{border-left:1px solid var(--border-hover);border-top:1px solid var(--border-hover);top:-6px}.tooltip-content[data-placement=right] .tooltip-arrow{border-bottom:1px solid var(--border-hover);border-left:1px solid var(--border-hover);left:-6px}.tooltip-content[data-placement=left] .tooltip-arrow{border-right:1px solid var(--border-hover);border-top:1px solid var(--border-hover);right:-6px}.sidebar-link.demo-static{cursor:help}.sidebar-link.demo-static:hover{background:var(--bg);border-color:var(--border-hover);color:var(--text)}.demo-cta-top{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:2px solid var(--border);border-radius:12px;margin-bottom:32px;padding:28px 32px}.demo-cta-top .cta-content{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.demo-cta-top h3{color:var(--text-bright);font-size:1.4rem;margin:0}.demo-cta-top p{color:var(--text-muted);font-size:.95rem;margin:0}.cta-buttons{display:flex;flex-wrap:wrap;gap:14px}.cta-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 6px 20px #3b82f659;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 28px;transition:all .25s cubic-bezier(.22,1,.36,1)}.cta-primary:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.cta-secondary{background:#0000;border:1px solid #60a5fa66;border-radius:10px;color:#93c5fd;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:11px 26px;transition:all .25s cubic-bezier(.22,1,.36,1)}.cta-secondary:hover{background:#3b82f61a;border-color:#60a5fa;transform:translateY(-2px)}.demo-cta-bottom{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:2px solid var(--border);border-radius:12px;margin-top:60px;padding:40px 32px;text-align:center}.demo-cta-bottom .cta-content{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:600px}.demo-cta-bottom h3{color:var(--text-bright);font-size:1.6rem;margin:0}.demo-cta-bottom p{color:var(--text-muted);font-size:1rem;margin:0}.demo-cta-bottom .cta-buttons{justify-content:center}.demo-footer{border-top:2px solid var(--border);margin-top:40px;padding:30px 20px}.demo-footer,.empty{color:var(--text-muted);font-size:1rem;text-align:center}.empty{padding:40px}.card-breached{background:#ef44440d;border:2px solid #ef44444d}.breach-banner{background:#ef444433;border-left:4px solid #ef4444;color:#ef4444;font-size:.9rem;font-weight:600;margin:-20px -20px 16px;padding:12px 16px}.issue-note{background:#ef44440d;border-left:3px solid #ef4444;border-radius:4px;margin-top:8px;padding:12px 14px}.issue-note span{color:#ef4444;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.issue-note strong{color:var(--text-bright);display:block;font-size:.9rem}.btn-resolve{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.btn-resolve:hover{background:#059669}button:disabled,input:disabled{cursor:not-allowed;opacity:.7}.toolbar{align-items:center!important;flex-wrap:wrap!important;gap:20px!important;margin-bottom:40px!important}.toolbar .search{flex:1 1;min-width:250px}.toolbar .date-filters{align-items:center;display:flex;gap:16px!important}.toolbar .date-filters label{align-items:center;display:flex;font-weight:500;gap:8px}.toolbar .date-filters input{min-width:140px;padding:10px 12px!important}.toolbar .btn-primary{flex-shrink:0;white-space:nowrap}.cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.card{border-radius:10px!important;gap:16px!important;padding:20px!important}.card-header{align-items:center;display:flex;gap:12px!important;justify-content:space-between;margin-bottom:16px!important}.card-body{gap:14px;margin-bottom:20px}.card-body,.card-body div{display:flex;flex-direction:column}.card-body div{gap:6px}.card-body span:first-child{color:var(--text-muted);font-size:.85rem;font-weight:500}.card-body strong{color:var(--text-bright);font-weight:600}.card-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px}.card-actions button{flex:1 1;font-size:.85rem!important;min-width:90px;padding:8px 12px!important}.sidebar{padding:20px 16px!important;width:240px!important}.sidebar-header,.sidebar-nav{margin-bottom:24px!important}.sidebar-nav{gap:12px!important}.sidebar-link{font-size:.95rem!important;padding:12px 14px!important}.sidebar-guide{margin-bottom:24px!important}.guide-toggle{margin-bottom:12px!important;padding:12px 14px!important}.guide-content{gap:12px!important;padding:12px!important}.guide-item{gap:8px!important}.guide-item strong{font-size:.9rem!important}.guide-item p{font-size:.85rem!important;line-height:1.4!important}.sidebar-footer{gap:12px!important}.theme-toggle{margin-bottom:12px!important}.sidebar-signout,.theme-toggle{padding:12px 14px!important}.header{margin-bottom:28px!important}.header h1{font-size:2rem!important;margin-bottom:6px!important}.header p{font-size:.95rem!important;margin:0!important}.stats-bar{margin-bottom:28px!important}.stat-item{gap:8px!important;padding:16px!important}.stat-number{font-size:1.8rem!important;font-weight:700!important}.stat-label{font-size:.85rem!important}.tooltip-wrapper{display:inline-block}.toolbar .tooltip-wrapper{display:block;width:auto}.toolbar .tooltip-wrapper input{display:block;width:100%}.date-filters .tooltip-wrapper{display:flex}.date-filters .tooltip-wrapper>div{display:flex;gap:12px;width:100%}.date-filters .tooltip-wrapper label{align-items:center;display:flex;gap:8px}.card-body .tooltip-wrapper,.card-body .tooltip-wrapper>div{display:block}.card-actions .tooltip-wrapper{display:inline-block;flex:1 1;min-width:90px}.sidebar .tooltip-wrapper{display:block;width:100%}.sidebar .tooltip-wrapper button{width:100%}.sidebar .tooltip-wrapper:hover button{background:#3b82f61a}.sidebar-signout .tooltip-wrapper,.theme-toggle .tooltip-wrapper{display:block;width:100%}.settings-container{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;padding:40px 60px}.settings-header{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:40px;padding:32px}.settings-header-content h1{color:var(--text-heading);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.settings-header-content p{color:var(--text-muted);font-size:.95rem;margin:0}.settings-container .theme-toggle{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:1.2rem;padding:10px 14px;transition:all .25s var(--sb-ease)}.settings-container .theme-toggle:hover{border-color:var(--border-hover);transform:scale(1.08)}.settings-nav{border-bottom:2px solid var(--border);display:flex;gap:16px;margin-bottom:32px;overflow-x:auto;padding-bottom:0}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;margin-bottom:-2px;padding:16px 20px;transition:all .25s var(--sb-ease);white-space:nowrap}.nav-tab.active,.nav-tab:hover{color:var(--accent)}.nav-tab.active{border-bottom-color:var(--accent)}.message{animation:slideDown .3s ease-out;border-radius:10px;font-weight:500;margin-bottom:24px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#10b9811f;border:1px solid #10b98159;color:#34d399}.message.error{background:#ef44441f;border:1px solid #ef444459;color:#f87171}[data-theme=light] .message.success{background:#d1fae5;border-color:#a7f3d0;color:#065f46}[data-theme=light] .message.error{background:#fee2e2;border-color:#fecaca;color:#991b1b}.settings-content{animation:fadeIn .3s ease-out;max-width:900px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-section{margin-bottom:48px}.settings-container .section-header{margin-bottom:24px}.settings-container .section-header h2{color:var(--text-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.settings-container .section-header p{color:var(--text-muted);font-size:.95rem;margin:0}.privacy-card,.profile-card,.subscription-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin-bottom:24px;padding:32px}.avatar-section{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.avatar-wrapper{align-items:flex-start;display:flex;gap:24px}.avatar-display{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:4px solid var(--border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:3rem;font-weight:700;height:120px;justify-content:center;overflow:hidden;width:120px}.avatar-display img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-actions{display:flex;flex-direction:column;gap:12px}.upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 14px #3b82f640;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .25s var(--sb-ease)}.upload-btn:hover{box-shadow:0 8px 22px #3b82f659;transform:translateY(-2px)}.upload-confirm{background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .25s var(--sb-ease)}.upload-confirm:hover{background:#059669}.upload-confirm:disabled{background:var(--text-faint);cursor:not-allowed;opacity:.6}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group label{color:var(--text-bright);font-size:.95rem}.form-group input{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;font-family:inherit;padding:12px 16px;transition:border-color .25s var(--sb-ease),box-shadow .25s var(--sb-ease);width:100%}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626;outline:none}.form-group input:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.form-group small{color:var(--text-muted);display:block;font-size:.85rem;margin-top:6px}.btn-back,.btn-cancel,.btn-export,.btn-save,.btn-upgrade{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .25s var(--sb-ease)}.btn-save{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f640;color:#fff;margin-top:16px;width:100%}.btn-save:hover:not(:disabled){box-shadow:0 8px 22px #3b82f659;transform:translateY(-2px)}.btn-save:disabled{background:var(--text-faint);box-shadow:none;cursor:not-allowed;opacity:.6}.subscription-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.btn-downgrade,.btn-upgrade{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f640;color:#fff;width:100%}.btn-downgrade:hover:not(:disabled),.btn-upgrade:hover:not(:disabled){box-shadow:0 8px 22px #3b82f659;transform:translateY(-2px)}.btn-downgrade:disabled,.btn-upgrade:disabled{background:var(--text-faint);box-shadow:none;cursor:not-allowed;opacity:.6}.btn-export{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-bright);margin-top:12px;width:100%}.btn-export:hover{border-color:var(--border-hover);transform:translateY(-1px)}.btn-back{background:#0000;border:1px solid var(--accent);color:var(--accent)}.btn-back:hover{background:#3b82f614;transform:translateY(-2px)}.subscription-info{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.subscription-info h3{color:var(--text-heading);font-size:1.2rem;margin:0 0 12px}.plan-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:4px 12px}.status{color:var(--text-muted);margin:8px 0}.status-active{color:#10b981;font-weight:600}.status-trialing{color:#f59e0b;font-weight:600}.status-canceled{color:#ef4444;font-weight:600}.next-billing{color:var(--text-muted);font-size:.95rem;margin:8px 0}.plan-limits{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.limit-item{color:var(--text-muted);font-size:.9rem;margin:8px 0}.plan-features{margin-bottom:24px}.features-list h4{color:var(--text-heading);font-size:1rem;margin:0 0 12px}.features-list ul{list-style:none;margin:0;padding:0}.features-list li{color:var(--text-muted);font-size:.95rem;padding:8px 0}.transactions-table{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table thead{background:var(--bg-elevated);border-bottom:2px solid var(--border)}.transactions-table th{color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.transactions-table td{border-top:1px solid var(--border);color:var(--text);font-size:.95rem;padding:16px}.transactions-table tbody tr:hover{background:var(--bg-elevated)}.amount{color:#10b981;font-weight:600}.settings-container .status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.status-badge.completed,.status-badge.paid{background:#10b98126;color:#34d399}.status-badge.open,.status-badge.pending{background:#f59e0b26;color:#fbbf24}.status-badge.failed{background:#ef444426;color:#f87171}.status-badge.draft{background:#94a3b82e;color:var(--text-muted)}[data-theme=light] .status-badge.completed,[data-theme=light] .status-badge.paid{background:#d1fae5;color:#065f46}[data-theme=light] .status-badge.open,[data-theme=light] .status-badge.pending{background:#fef3c7;color:#92400e}[data-theme=light] .status-badge.failed{background:#fee2e2;color:#991b1b}[data-theme=light] .status-badge.draft{background:#e5e7eb;color:#374151}.invoice-link{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-weight:600;padding:0;text-decoration:none;transition:color .25s ease}.invoice-link:hover{text-decoration:underline}.invoice-link-disabled{color:var(--text-faint);cursor:not-allowed}.settings-container .empty-state{background:var(--card-bg);border:1px dashed var(--border-hover);border-radius:14px;color:var(--text-muted);padding:48px 32px;text-align:center}.transactions-footer{display:flex;justify-content:flex-end}.privacy-setting{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 0}.privacy-setting:last-of-type{border-bottom:none}.setting-info h3{color:var(--text-bright);font-size:1rem;margin:0 0 4px}.setting-info p{color:var(--text-muted);font-size:.9rem;margin:0}.toggle-switch{cursor:pointer;display:inline-block;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0f172a40;content:"";height:22px;left:2px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.danger-zone{background:#ef444414;border:1px solid #ef444459;border-radius:14px;margin-top:40px;padding:24px}.danger-zone h3{color:#f87171;font-size:1rem;margin:0 0 16px}[data-theme=light] .danger-zone{background:#fef2f2;border-color:#fecaca}[data-theme=light] .danger-zone h3{color:#991b1b}.btn-danger{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:inherit;font-weight:600;margin-bottom:12px;padding:12px 20px;text-align:left;transition:all .25s var(--sb-ease);width:100%}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-danger.delete{background:#991b1b}.btn-danger.delete:hover{background:#7f1d1d}.settings-container .btn-cancel{background:#ef44441f;border:1px solid #ef444466;color:#f87171;margin-top:12px;width:100%}.settings-container .btn-cancel:hover:not(:disabled){background:#ef444433;border-color:#ef4444}[data-theme=light] .settings-container .btn-cancel{background:#fee2e2;border-color:#fecaca;color:#991b1b}[data-theme=light] .settings-container .btn-cancel:hover:not(:disabled){background:#fecaca;border-color:#ef4444}.btn-reactivate{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;margin-top:12px;padding:12px 24px;transition:all .25s var(--sb-ease);width:100%}.btn-reactivate:hover:not(:disabled){box-shadow:0 8px 16px #10b9814d;transform:translateY(-2px)}.btn-reactivate:disabled{background:var(--text-faint);cursor:not-allowed;opacity:.6}.next-billing.warning,.status-warning,.status.warning{color:#f59e0b}.status-warning{font-weight:600}.modal-overlay{align-items:center;background:#020814b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUpModal .3s ease;background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 40px #02081473;color:var(--text);max-width:500px;width:90%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:var(--text-heading);font-size:1.3rem;margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:color .2s ease;width:32px}.modal-close:hover{color:var(--text-bright)}.modal-body{padding:24px}.modal-warning{background:#f59e0b1f;border:1px solid #f59e0b66;border-radius:10px;margin-bottom:20px;padding:16px}.modal-warning p{color:#fbbf24;font-size:.95rem;margin:0}[data-theme=light] .modal-warning{background:#fef3c7;border-color:#fcd34d}[data-theme=light] .modal-warning p{color:#92400e}.modal-details{margin-bottom:24px}.modal-details p{color:var(--text-muted);font-size:.95rem;margin:0 0 12px}.modal-details ul{list-style:none;margin:12px 0;padding:0}.modal-details li{color:var(--text-muted);font-size:.95rem;padding:8px 0 8px 24px;position:relative}.modal-details li:before{color:var(--accent);content:"•";font-weight:700;left:0;position:absolute}.modal-actions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.modal-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .25s var(--sb-ease)}.modal-btn.secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-bright)}.modal-btn.secondary:hover:not(:disabled){border-color:var(--border-hover)}.modal-btn.danger{background:#ef4444;color:#fff}.modal-btn.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.settings-footer{border-top:1px solid var(--border);display:flex;justify-content:flex-start;margin-top:48px;padding-top:24px}@media (max-width:768px){.settings-container{padding:20px}.settings-header{flex-direction:column;gap:16px}.settings-header-content h1{font-size:1.5rem}.settings-nav{flex-wrap:nowrap;overflow-x:auto}.nav-tab{font-size:.85rem;padding:12px 16px}.privacy-card,.profile-card,.subscription-card{padding:20px}.avatar-wrapper{align-items:center;flex-direction:column;text-align:center}.avatar-display{font-size:2.5rem;height:100px;width:100px}.avatar-actions{flex-direction:row;width:100%}.upload-btn,.upload-confirm{width:100%}.transactions-table{font-size:.85rem}.transactions-table td,.transactions-table th{padding:12px}.privacy-setting{align-items:flex-start;flex-direction:column;gap:16px}.toggle-switch{align-self:flex-start}}@media (max-width:480px){.settings-container,.settings-header{padding:16px}.settings-header-content h1{font-size:1.2rem}.nav-tab{font-size:.8rem;padding:10px 12px}.privacy-card,.profile-card,.subscription-card{padding:16px}.form-group label{font-size:.85rem}.form-group input{font-size:.9rem;padding:10px 12px}}.legal-page{-webkit-font-smoothing:antialiased;background:#f8fafc;color:var(--sb-light-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh}.legal-page h1,.legal-page h2,.legal-page h3{font-family:var(--font-display)}.legal-nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0a1628f2;border-bottom:1px solid var(--sb-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.legal-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:16px 20px}.legal-logo{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:10px}.legal-page .logo-icon{color:var(--sb-blue-light)}.legal-page .logo-text{color:var(--sb-text-hi);font-family:var(--font-display)}.legal-page .back-btn{align-items:center;background:#3b82f61f;border:1px solid #60a5fa59;border-radius:9px;color:var(--sb-blue-pale);cursor:pointer;display:flex;font-family:inherit;font-size:.92rem;font-weight:600;gap:8px;padding:9px 18px;transition:all .25s var(--sb-ease)}.legal-page .back-btn:hover{background:#3b82f638;border-color:var(--sb-blue-light);transform:translateY(-1px)}.legal-content{flex:1 1;margin:0 auto;max-width:900px;padding:60px 20px;width:100%}.legal-header{border-bottom:1px solid #e2e8f0;margin-bottom:50px;padding-bottom:30px}.legal-header h1{color:var(--sb-light-heading);font-size:clamp(1.9rem,4vw,2.5rem);font-weight:700;letter-spacing:-.025em;margin-bottom:10px}.last-updated{color:var(--sb-light-dim);font-size:.95rem;font-style:italic}.legal-body{color:var(--sb-light-text);font-size:1rem;line-height:1.8}.legal-body section{margin-bottom:50px}.legal-body h2{border-left:4px solid var(--sb-blue);color:var(--sb-light-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px;margin-top:40px;padding-left:16px}.legal-body h3{color:var(--sb-light-heading);font-size:1.1rem;font-weight:600;margin-bottom:15px;margin-top:25px}.legal-body p{color:var(--sb-light-text);margin-bottom:16px}.legal-body ul{margin:20px 0;padding-left:32px}.legal-body li{color:var(--sb-light-text);margin-bottom:12px}.legal-body a{color:#2563eb;font-weight:600;text-decoration:none;transition:color .2s ease}.legal-body a:hover{color:var(--sb-blue);text-decoration:underline}.legal-footer{background:#081120;border-top:1px solid var(--sb-border);margin-top:60px;padding:40px 20px}.legal-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:900px}.legal-footer-content p{color:var(--sb-text-dim);font-size:.9rem;margin:0}.legal-footer-links{align-items:center;display:flex;gap:12px}.legal-page .footer-link{background:none;border:none;color:var(--sb-blue-light);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:0;text-decoration:none;transition:color .2s ease}.legal-page .footer-link:hover{color:var(--sb-blue-pale);text-decoration:underline}.legal-page .divider{color:#94a3b866}@media (max-width:768px){.legal-header h1{font-size:1.75rem}.legal-body h2{font-size:1.25rem}.legal-content{padding:40px 20px}.legal-footer-content{align-items:flex-start;flex-direction:column;gap:16px}}
/*# sourceMappingURL=main.16e7162d.css.map*/