@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap);: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:#cbd5e1;--border-hover:#3b82f68c;--issue-text:#b91c1c;--shadow:0 4px 16px #0f172a1a}*{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)}[data-theme=light] .nav.nav-solid{background:#f8fafceb;border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border)}[data-theme=light] .nav.nav-solid .logo-text{color:#f0f6ff;color:var(--text-heading)}.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,.date-filters select{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,.date-filters select: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;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.empty{color:#64748b;color:var(--text-faint);grid-column:1/-1;padding:48px;text-align:center}.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)}.card-header{gap:8px 12px;justify-content:space-between}.card-header,.card-tags{align-items:center;display:flex;flex-wrap:wrap}.card-tags{gap:6px;min-width:0}.card-tags .priority-tag,.card-tags .source-tag,.card-tags .unbooked-badge{margin-left:0}.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{display:flex;flex-direction:column;gap:8px}.card-body div{display:flex;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{display:flex;flex-direction:column;gap:8px}.card-actions-row{display:flex;flex-wrap:wrap;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);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,.auth-form textarea{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 textarea{resize:vertical}.auth-form input::placeholder,.auth-form textarea::placeholder{color:#8fa3bd;color:var(--sb-text-dim)}.auth-form input:focus,.auth-form textarea: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-error a{color:#60a5fa;color:var(--sb-blue-light);font-weight:600}.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}.message-bar-error{border-color:#ef4444;color:#ef4444}.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) 64px}.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;font-weight:600}.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;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:6px 12px;text-align:center}.priority-tag{background:#f59e0b;color:#0f172a}.priority-tag,.source-tag{border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 6px;vertical-align:middle}.source-tag{text-transform:uppercase}.source-tag-supplier{background:#3b82f629;color:#3b82f6}.source-tag-manual{background:#94a3b833;color:#64748b}.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,.btn-resolve{background:#ef4444;color:#fff}.btn-resolve{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;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;display:none;font-size:1.1rem}.sidebar-backdrop,.sidebar-hamburger{display:none}.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}.tracking-copy{align-items:center;background:#0000;border:none;color:#3b82f6;color:var(--accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;gap:6px;padding:0;transition:color .2s cubic-bezier(.22,1,.36,1);transition:color .2s var(--sb-ease)}.tracking-copy strong{color:inherit;text-align:right}.tracking-copy:hover{color:#f0f6ff;color:var(--text-bright)}.tracking-copy svg{flex-shrink:0;opacity:.7}.btn-attachments{align-items:center;background:#0000;border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:6px;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;position:relative;transition:all .2s cubic-bezier(.22,1,.36,1);transition:all .2s var(--sb-ease)}.btn-attachments:hover{background:#0a1628;background:var(--bg);border-color:#8fa3bd;border-color:var(--text-muted);color:#cbd5e1;color:var(--text)}.attachment-badge{align-items:center;background:#3b82f6;background:var(--accent);border-radius:999px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-6px;top:-6px}.attachment-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;max-height:350px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-gutter:stable}.attachment-row{align-items:center;border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 0}.attachment-row:last-child{border-bottom:none}.attachment-preview{align-items:center;background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#3b82f6;color:var(--accent);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.attachment-preview img{display:block;height:100%;object-fit:cover;width:100%}.attachment-info{flex:1 1;min-width:0}.attachment-name{color:#cbd5e1;color:var(--text);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{color:#64748b;color:var(--text-faint);display:flex;font-size:.75rem;gap:10px;margin-top:2px}.attachment-row-actions{display:flex;flex-shrink:0;gap:6px}.attachment-icon-btn{align-items:center;background:#0000;border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:6px;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .2s cubic-bezier(.22,1,.36,1);transition:all .2s var(--sb-ease);width:30px}.attachment-icon-btn:hover:not(:disabled){border-color:#3b82f6;border-color:var(--accent);color:#3b82f6;color:var(--accent)}.attachment-icon-btn-danger:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.attachment-icon-btn:disabled{cursor:not-allowed;opacity:.5}.attachment-error{background:#ef44441a;border:1px solid #ef444459;border-radius:8px;color:#fca5a5;color:var(--issue-text);font-size:.85rem;padding:10px 14px}.attachment-error,.attachment-upload-status{margin-bottom:16px}.attachment-upload-label{color:#8fa3bd;color:var(--text-muted);font-size:.8rem;margin-bottom:6px}.attachment-progress{background:#60a5fa29;background:var(--border);border-radius:999px;height:4px;overflow:hidden}.attachment-progress-bar{animation:attachment-progress-slide 1.1s ease-in-out infinite;background:#3b82f6;background:var(--accent);border-radius:999px;height:100%;width:40%}@keyframes attachment-progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.attachment-modal-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.attachment-upload-btn{align-items:center;display:inline-flex;gap:8px}.attachment-hint{color:#64748b;color:var(--text-faint);font-size:.75rem;margin-top:10px;text-align:right}.attachment-preview-link{border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;transition:opacity .2s cubic-bezier(.22,1,.36,1);transition:opacity .2s var(--sb-ease)}.attachment-preview-link:hover{opacity:.85}.attachment-preview-link:hover .attachment-preview{border-color:#3b82f6;border-color:var(--accent)}a.attachment-name-link{color:#cbd5e1;color:var(--text);cursor:pointer;display:block;text-decoration:none;transition:color .2s cubic-bezier(.22,1,.36,1);transition:color .2s var(--sb-ease)}a.attachment-name-link:hover{color:#3b82f6;color:var(--accent);text-decoration:underline}.main-tabs{border-bottom:2px solid #60a5fa29;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.main-tabs::-webkit-scrollbar{display:none}.main-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:-2px;padding:14px 18px;transition:color .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1);transition:color .25s var(--sb-ease),border-color .25s var(--sb-ease);white-space:nowrap}.main-tab.active,.main-tab:hover{color:#3b82f6;color:var(--accent)}.main-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent)}.inventory{display:flex;flex-direction:column}.import-preview{margin-bottom:20px}.import-stat{background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px;text-align:center}.import-stat-value{color:#3b82f6;color:var(--accent);font-size:2rem;font-weight:700;line-height:1}.import-note,.import-stat-label{color:#8fa3bd;color:var(--text-muted);font-size:.85rem}.import-note{margin-top:12px;text-align:center}.import-summary{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.import-summary-row{align-items:center;border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);color:#8fa3bd;color:var(--text-muted);display:flex;font-size:.9rem;justify-content:space-between;padding:12px 0}.import-summary-row:last-child{border-bottom:none}.import-summary-row strong{color:#f0f6ff;color:var(--text-bright);font-size:1.05rem}.upgrade-prompt{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);flex-direction:column;gap:16px;padding:64px 40px;text-align:center}.upgrade-prompt,.upgrade-prompt-icon{align-items:center;display:flex;justify-content:center}.upgrade-prompt-icon{background:#14243f;background:var(--bg-elevated);border:2px solid #60a5fa29;border:2px solid var(--border);border-radius:16px;color:#3b82f6;color:var(--accent);height:72px;width:72px}.upgrade-prompt h2{color:#f0f6ff;color:var(--text-heading);font-size:1.5rem;margin:0}.upgrade-prompt p{color:#8fa3bd;color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0;max-width:460px}.upgrade-prompt-button{font-size:1rem;margin-top:8px;padding:12px 32px}.section-heading{margin-bottom:20px}.section-heading h2{color:#f0f6ff;color:var(--text-heading);font-size:1.15rem;margin-bottom:4px}.section-heading p{color:#8fa3bd;color:var(--text-muted);font-size:.875rem}.modal-wide{max-height:90vh;max-width:820px;overflow-y:auto}.supplier-combobox{position:relative}.supplier-combobox-create{border-top:1px solid #60a5fa29;border-top:1px solid var(--border)}.supplier-combobox-create svg{color:#3b82f6;color:var(--accent);flex-shrink:0}.supplier-combobox-create:disabled{cursor:not-allowed;opacity:.6}.supplier-combobox-error{background:#ef444414;border-top:1px solid #60a5fa29;border-top:1px solid var(--border);color:#fca5a5;color:var(--issue-text);font-size:.8rem;padding:10px 14px}.movement-heading{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.movement-filters{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.movement-filters input,.movement-filters select{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:.85rem;padding:10px 12px;width:100%}.movement-filters input:focus,.movement-filters select:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}.movement-date-field{color:#8fa3bd;color:var(--text-muted);display:flex;flex-direction:column;font-size:.75rem;gap:4px}.movement-free-text{grid-column:1/-1}.movement-clear-btn{align-items:center;display:inline-flex;gap:6px;justify-content:center;white-space:nowrap}.movement-count{color:#64748b;color:var(--text-faint);font-size:.8rem;margin-bottom:12px}.movement-type-tag{background:#14243f;background:var(--bg-elevated);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:6px;color:#8fa3bd;color:var(--text-muted);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;white-space:nowrap}.movement-pagination{align-items:center;color:#8fa3bd;color:var(--text-muted);display:flex;font-size:.85rem;gap:16px;justify-content:center;margin-top:16px}@keyframes grn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-maint-layout{align-items:flex-start;display:flex;gap:20px;height:calc(100vh - 220px);min-height:480px}.product-maint-list{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);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden;width:280px}.product-maint-list-search{border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);flex-shrink:0;padding:14px}.product-maint-list-search .search{width:100%}.product-maint-list-scroll{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.product-maint-list-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #60a5fa29;border-bottom:1px solid var(--border);border-left:3px solid #0000;color:#cbd5e1;color:var(--text);cursor:pointer;display:flex;font-family:inherit;gap:10px;justify-content:space-between;min-height:44px;padding:12px 14px;text-align:left;width:100%}.product-maint-list-item:hover{background:#14243f;background:var(--bg-elevated)}.product-maint-list-item.active{background:#3b82f61a;border-left-color:#3b82f6;border-left-color:var(--accent)}.product-maint-list-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.product-maint-list-item-main strong{color:#f0f6ff;color:var(--text-bright);font-size:.9rem}.product-maint-list-item-main span{color:#8fa3bd;color:var(--text-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-maint-add-btn{align-items:center;display:inline-flex;flex-shrink:0;gap:8px;justify-content:center;margin:12px}.product-maint-detail-wrap{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);flex:1 1;height:100%;min-width:0;overflow-y:auto}.product-maint-empty{align-items:center;color:#64748b;color:var(--text-faint);display:flex;font-size:.95rem;height:100%;justify-content:center;padding:40px;text-align:center}.product-maint-detail{padding:24px}.product-maint-back-btn{align-items:center;background:#0000;border:none;color:#3b82f6;color:var(--accent);cursor:pointer;display:none;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;margin-bottom:16px;padding:8px 4px}.product-maint-detail-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.product-maint-detail-header h2{color:#f0f6ff;color:var(--text-heading);font-size:1.3rem}.product-maint-readonly-note{background:#14243f;background:var(--bg-elevated);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#8fa3bd;color:var(--text-muted);font-size:.85rem;margin-bottom:20px;padding:10px 14px}.product-maint-section{border-top:1px solid #60a5fa29;border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.product-maint-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.product-maint-readonly input,.product-maint-readonly select,.product-maint-readonly textarea{background:#14243f;background:var(--bg-elevated);color:#8fa3bd;color:var(--text-muted);cursor:not-allowed}.product-maint-save-row{align-items:center;display:flex;gap:12px}.product-maint-saved-tag{color:#10b981;font-size:.8rem;font-weight:600}.product-maint-stock-levels{margin-top:16px}@media (max-width:767px){body,html{max-width:100%;overflow-x:hidden}.app{display:block}.app-main{max-width:100%;overflow-x:hidden;padding:72px 16px 32px;width:100%}.sidebar-hamburger{align-items:center;background:#14243f;background:var(--bg-panel);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #02081459;box-shadow:var(--shadow);color:#f0f6ff;color:var(--text-bright);cursor:pointer;display:inline-flex;height:44px;justify-content:center;left:12px;position:fixed;top:12px;width:44px;z-index:900}.sidebar-backdrop{background:#02081499;display:block;inset:0;position:fixed;z-index:1150}.sidebar{background:#14243f;background:var(--bg-panel);border-right:1px solid #60a5fa29;border-right:1px solid var(--border);bottom:0;box-shadow:4px 0 24px #02081459;height:100%;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.22,1,.36,1);transition:transform .3s var(--sb-ease);width:min(84vw,300px);z-index:1200}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-close{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.guide-toggle,.sidebar-link,.sidebar-signout,.theme-toggle{font-size:.95rem;min-height:44px}.header{margin-bottom:24px}.header h1{font-size:1.5rem}.header p{font-size:.9rem}.stats-bar{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-count{font-size:1.75rem}.stat-label{font-size:.8rem}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.search{font-size:1rem;min-height:44px;min-width:0;width:100%}.date-filters{gap:10px}.date-filters,.date-filters label{align-items:stretch;flex-direction:column}.date-filters label{font-size:.9rem;gap:6px}.date-filters input{font-size:1rem;min-height:44px;width:100%}.toolbar .btn-primary{font-size:1rem;min-height:48px;width:100%}.app .toolbar{align-items:stretch!important;gap:12px!important}.app .toolbar .date-filters{gap:10px!important}.app .toolbar .date-filters,.app .toolbar .date-filters label{align-items:stretch;flex-direction:column}.app .toolbar .date-filters input{min-width:0;width:100%}.app .header h1{font-size:1.5rem!important}.today-banner{align-items:stretch;flex-direction:column;gap:10px}.btn-undo,.today-banner button{min-height:44px}.undo-bar{align-items:stretch;flex-direction:column;gap:10px}.cards{gap:14px;grid-template-columns:1fr}.card-body div{font-size:.9rem;gap:12px}.card-body strong{overflow-wrap:anywhere}.card-actions{gap:8px}.card-actions-row{flex-wrap:wrap;gap:8px}.card-actions button{flex:1 1 auto;font-size:.875rem;min-height:44px;padding:10px 14px}.btn-attachments{flex:0 0 auto;min-width:44px}.tracking-copy{font-size:.9rem;min-height:32px}.form-card{padding:20px 16px}.form-grid{grid-template-columns:1fr}.form-grid input,.form-grid select,.form-grid textarea{font-size:1rem;min-height:44px;width:100%}.form-actions{align-items:stretch;flex-direction:column}.form-actions button{min-height:48px;width:100%}.modal-overlay{align-items:stretch;justify-content:stretch;padding:0}.modal{border:none;border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow-y:auto;padding:24px 16px;width:100%}.attachment-list,.history-list{flex:1 1;max-height:none}.modal .btn-primary,.modal .btn-secondary{min-height:44px}.attachment-modal-actions{align-items:stretch;flex-direction:column-reverse}.attachment-modal-actions button{justify-content:center;width:100%}.attachment-icon-btn{height:44px;width:44px}.attachment-name{font-size:.9rem}.attachment-hint{text-align:center}.main-tabs{gap:0;margin-bottom:20px}.main-tab{flex:1 0 auto;font-size:.9rem;justify-content:center;min-height:44px;padding:12px 14px}.upgrade-prompt{padding:48px 20px}.upgrade-prompt h2{font-size:1.3rem}.upgrade-prompt p{font-size:.95rem}.upgrade-prompt-button{min-height:48px;width:100%}.import-summary-row{font-size:.95rem}.modal-wide{max-height:100%}.supplier-combobox-create{min-height:52px}.movement-filters{grid-template-columns:1fr}.movement-filters input,.movement-filters select{font-size:1rem;min-height:44px}.movement-clear-btn{min-height:44px}.movement-heading{align-items:stretch;flex-direction:column}.movement-heading button{justify-content:center;min-height:44px;width:100%}.movement-pagination button{height:44px;width:44px}.product-maint-layout{flex-direction:column;gap:16px;height:auto;min-height:0}.product-maint-list{height:auto;max-height:none;width:100%}.product-maint-list-scroll{max-height:60vh}.product-maint-detail-wrap{height:auto;overflow-y:visible;width:100%}.product-maint-layout.has-selection .product-maint-list,.product-maint-layout:not(.has-selection) .product-maint-detail-wrap{display:none}.product-maint-back-btn{display:inline-flex;min-height:44px}.product-maint-detail{padding:16px}.product-maint-detail-header{flex-direction:column;gap:10px}.product-maint-add-btn,.product-maint-list-item{min-height:48px}.product-maint-save-row button{min-height:44px}}.booking-form .booking-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.booking-form .booking-row{grid-gap:12px 16px;align-items:start;display:grid;gap:12px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.booking-form .booking-row-pallets{grid-template-columns:100px minmax(0,1fr) minmax(0,1fr)}.booking-form .bf-field{color:#8fa3bd;color:var(--text-muted);display:flex;flex-direction:column;font-size:.8rem;gap:6px;min-width:0}.booking-form .bf-field input,.booking-form .bf-field select{height:44px;padding:0 14px}.booking-form .bf-field input,.booking-form .bf-field select,.booking-form .bf-field textarea{background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:#cbd5e1;color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .2s ease;width:100%}.booking-form .bf-field textarea{padding:10px 14px;resize:vertical}.booking-form .bf-field input:focus,.booking-form .bf-field select:focus,.booking-form .bf-field textarea:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}@media (max-width:767px){.booking-form .booking-row,.booking-form .booking-row-pallets{grid-template-columns:1fr}.booking-form .booking-row-pallets .bf-field:first-child{max-width:100px}.booking-form .bf-field input,.booking-form .bf-field select,.booking-form .bf-field textarea{font-size:1rem}}.status-select{appearance:none;-webkit-appearance:none;background-color:#64748b;background-color:var(--status-colour,#64748b);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:none;border-radius:999px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;height:32px;max-width:190px;min-width:150px;padding:0 28px 0 12px;text-overflow:ellipsis;width:-webkit-fit-content;width:fit-content}.status-select:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.status-select option{background:#1e293b;color:#f1f5f9}.status-select-compact{font-size:.78rem}.booking-form .bf-readonly{align-items:center;background:#0000;border:1px dashed #60a5fa29;border:1px dashed var(--border);border-radius:8px;box-sizing:border-box;color:#8fa3bd;color:var(--text-muted);display:flex;font-size:.9rem;height:44px;padding:0 14px;width:100%}.dlg-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.dlg-panel{background:#14243f;background:var(--bg-panel);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 25px -5px #00000040;box-sizing:border-box;max-height:calc(100vh - 32px);max-width:440px;overflow-y:auto;padding:24px;width:100%}.dlg-title{color:#f0f6ff;color:var(--text-heading);font-size:1.15rem;margin:0 0 4px}.dlg-subtitle{color:#8fa3bd;color:var(--text-subtle);font-size:.85rem;margin:0 0 16px}.dlg-message{color:#cbd5e1;color:var(--text);font-size:.92rem;line-height:1.5;margin:8px 0 0;white-space:pre-wrap}.dlg-field{color:#8fa3bd;color:var(--text-subtle);display:flex;flex-direction:column;font-size:.85rem;gap:6px}.dlg-field textarea{background:#0a1628;background:var(--input-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:#cbd5e1;color:var(--text);font-family:inherit;font-size:.9rem;padding:10px 12px;resize:vertical;width:100%}.dlg-field textarea:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}.dlg-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-danger{border-radius:8px;font-size:.9rem;padding:10px 20px}@media (max-width:480px){.dlg-actions{flex-direction:column-reverse}.dlg-actions button{width:100%}.dlg-field textarea{font-size:1rem}}.today-panel{background:#1e293b8c;background:var(--card-bg);border:1px solid #3b82f6;border:1px solid var(--accent);border-radius:14px;margin-bottom:24px;padding:16px 18px}.today-header{align-items:baseline;display:flex;gap:10px;margin-bottom:10px}.today-header h2{color:#f0f6ff;color:var(--text-heading);font-size:1.1rem;margin:0}.today-date{color:#8fa3bd;color:var(--text-muted);font-size:.85rem}.today-count{background:#3b82f6;background:var(--accent);border-radius:999px;color:#fff;font-size:.78rem;font-weight:700;margin-left:auto;min-width:24px;padding:2px 8px;text-align:center}.today-empty{color:#cbd5e1;color:var(--text);font-size:.95rem;font-weight:600;margin:0}.today-empty-sub{color:#8fa3bd;color:var(--text-muted);font-size:.88rem;font-weight:400}.today-next{border-top:1px solid #60a5fa29;border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.today-next h3{color:#8fa3bd;color:var(--text-subtle);font-size:.85rem;font-weight:600;margin:0 0 8px}.today-list{display:flex;flex-direction:column}.today-row{grid-gap:12px;align-items:center;border-top:1px solid #60a5fa29;border-top:1px solid var(--border);display:grid;gap:12px;grid-template-columns:52px minmax(0,1fr) auto;padding:10px 0}.today-list .today-row:first-child{border-top:none}.today-row-breached .today-ref{color:#ef4444}.today-time{font-feature-settings:"tnum";color:#f0f6ff;color:var(--text-heading);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700}.today-main{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:2px;min-width:0;padding:0;text-align:left}.today-main:hover .today-ref{text-decoration:underline}.today-ref{align-items:center;color:#f0f6ff;color:var(--text-heading);display:flex;font-size:.95rem;font-weight:700;gap:8px}.today-alert{color:#ef4444}.today-supplier{color:#8fa3bd;color:var(--text-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-controls{align-items:center;display:flex;gap:8px}.today-flag{white-space:nowrap}@media (max-width:640px){.today-panel{padding:14px}.today-row{grid-template-columns:44px minmax(0,1fr);row-gap:8px}.today-controls{flex-wrap:wrap;grid-column:1/-1}}.unbooked-badge{background:#f59e0b;border-radius:4px;color:#1f1300;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.today-ref .unbooked-badge,.wk-card-meta .unbooked-badge{margin-left:0}.unbooked-toggle{align-items:center;color:#8fa3bd;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;gap:8px;margin-bottom:8px}.unbooked-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.branch-bar{margin-bottom:16px}.branch-bar,.branch-bar label{align-items:center;display:flex}.branch-bar label{color:#8fa3bd;color:var(--text-muted);font-size:.85rem;font-weight:600;gap:10px}.branch-bar select{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text);font-family:inherit;font-size:.9rem;min-width:180px;padding:8px 12px}.branch-bar select:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}.branch-tag{background:#8b5cf629;border-radius:4px;color:#8b5cf6;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.wk-card-branch{color:#8b5cf6;font-size:.7rem;font-weight:600}.form-branch-note{color:#8fa3bd;color:var(--text-muted);font-size:.85rem;margin:-4px 0 12px}.search-box{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:200px}.search-box .search{flex:1 1 200px;min-width:0}.search-nav{align-items:center;display:flex;gap:8px}.search-count{color:#8fa3bd;color:var(--text-muted);font-size:.85rem;font-weight:600;min-width:64px;white-space:nowrap}.search-nav-btn{align-items:center;display:inline-flex;font-size:.8rem;gap:4px;padding:7px 12px}.search-nav-btn:disabled{cursor:not-allowed;opacity:.5}.search-match{outline:2px solid #3b82f666;outline-offset:1px}.search-current{animation:search-phase 1.6s ease-in-out infinite;border-bottom-color:#3b82f6;border-right-color:#3b82f6;border-top-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6,0 0 8px 1px #3b82f68c;outline:none}@keyframes search-phase{0%,to{border-bottom-color:#3b82f6;border-right-color:#3b82f6;border-top-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6,0 0 8px 1px #3b82f68c}50%{border-bottom-color:#8b5cf6;border-right-color:#8b5cf6;border-top-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf6,0 0 8px 1px #8b5cf68c}}@media (prefers-reduced-motion:reduce){.search-current{animation:none;border-bottom-color:#8b5cf6;border-right-color:#8b5cf6;border-top-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf6,0 0 8px 2px #3b82f699}}.today-row{border-radius:8px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}@media (max-width:767px){.search-box{align-items:stretch;flex-direction:column}.search-nav{justify-content:space-between}.branch-bar label,.branch-bar select{width:100%}.branch-bar label{align-items:flex-start;flex-direction:column;gap:6px}.search-box .search{flex:0 0 auto;width:100%}}.no-access{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:14px;color:#cbd5e1;color:var(--text);font-size:.95rem;line-height:1.5;padding:24px}.no-access p{margin:0}.al{margin-top:32px}.al-title{color:#f0f6ff;color:var(--text-heading);font-size:1.15rem;margin:0 0 12px}.al-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.al-search{flex:1 1 260px;min-width:0}.al-filters{margin-bottom:16px}.al-error{color:#ef4444;font-size:.9rem;margin:0 0 12px}.al-list{background:#1e293b8c;background:var(--card-bg);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.al-entry{border-top:1px solid #60a5fa29;border-top:1px solid var(--border);padding:12px 16px}.al-entry:first-child{border-top:none}.al-text{color:#cbd5e1;color:var(--text);font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}.al-text strong{color:#f0f6ff;color:var(--text-heading)}.al-ref{background:#0000;border:none;color:#3b82f6;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;padding:0;text-decoration:underline}.al-meta{align-items:center;color:#8fa3bd;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:4px 12px;margin-top:4px}.al-chip{border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:999px;font-size:.72rem;font-weight:600;padding:1px 8px}.al-pager{align-items:center;color:#8fa3bd;color:var(--text-muted);display:flex;font-size:.85rem;gap:16px;justify-content:center;margin-top:16px}@media (max-width:767px){.al-toolbar .btn-secondary{width:100%}.al-pager{flex-wrap:wrap}}.import-target{background:#14243f;background:var(--bg-elevated);border:1px solid #60a5fa29;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text);font-size:.9rem;margin-bottom:16px;padding:10px 14px}.import-target-blocked{background:#f59e0b1f;border-color:#f59e0b;line-height:1.5}.auth-text-button{background:#0000;border:none;color:#60a5fa;color:var(--sb-blue-light);cursor:pointer;font:inherit;font-weight:600;padding:0}.auth-text-button:hover{color:#93c5fd;color:var(--sb-blue-pale);text-decoration:underline}.auth-hint,.auth-note{color:#8fa3bd;color:var(--sb-text-dim);font-size:.88rem;line-height:1.5;margin:0}.auth-hint{font-size:.8rem}.auth-success{background:#34d3991a;border:1px solid #34d39966;border-radius:8px;color:#6ee7b7;font-size:.9rem;line-height:1.5;margin:0;padding:12px 14px}.auth-sub-tight{margin-bottom:12px}.auth-card>.auth-note{margin-bottom:20px}.auth-button-link{display:block;text-align:center;text-decoration:none}.invite-resend{background:#0000;border:none;color:#3b82f6;color:var(--accent);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;margin-left:8px;padding:0;text-decoration:underline}.invite-resend:disabled{cursor:default;opacity:.6}.invite-pending{font-size:.75rem}.user-remove{background:#0000;border:none;color:#ef4444;cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;margin-left:8px;padding:0;text-decoration:underline}.user-remove:disabled{cursor:default;opacity:.6}.al-correct{background:#0000;border:none;color:#3b82f6;color:var(--accent);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;padding:0;text-decoration:underline}.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-tagline{color:var(--sb-text-dim);font-size:.85rem;font-style:italic;margin:0 0 8px}.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-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:100px 60px}.industries-container{margin:0 auto;max-width:1240px}.industries .section-title{margin-bottom:48px}.industries-grid{grid-gap:26px;display:grid;gap:26px;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-light-bg);border-bottom:1px solid #0f172a14;border-top:1px solid #0f172a14;padding:100px 60px}.problem .section-title{color:var(--sb-light-heading)}.problem-container{margin:0 auto;max-width:1100px}.problem-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.problem-card{background:#fff;border:1px solid #cbd5e1;border-radius:14px;border-top:3px solid #ef444480;box-shadow:0 4px 16px #0f172a0f;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:#3b82f68c;transform:translateY(-4px)}.problem-icon{align-items:center;background:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;color:var(--sb-blue);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-light-heading);font-size:1rem;line-height:1.65;margin:0}.problem-fix{color:var(--sb-light-heading);font-size:1.02rem;font-weight:600;margin:36px auto 0}.problem-callout,.problem-fix{max-width:640px;text-align:center}.problem-callout{color:var(--sb-light-text);font-size:.92rem;line-height:1.6;margin:14px auto 0}.calc{background:var(--sb-bg);color:var(--sb-text);padding:100px 60px}.calc-container{margin:0 auto;max-width:980px}.calc-subtitle{margin-bottom:40px}.calc-panel{grid-gap:36px;background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 18px 44px #02081459;display:grid;gap:36px;grid-template-columns:1.1fr 1fr;padding:36px}.calc-inputs{display:flex;flex-direction:column;gap:30px;min-width:0}.calc-label{color:var(--sb-light-heading);display:block;font-size:.92rem;font-weight:600;line-height:1.4;margin-bottom:8px}.calc-controls{align-items:center;display:flex;gap:14px}.calc-range{accent-color:var(--sb-blue);background:#0000;cursor:pointer;flex:1 1;height:28px;min-width:0}.calc-number{background:#fff;border:1px solid #94a3b8;border-radius:9px;color:var(--sb-light-heading);color-scheme:light;flex-shrink:0;font:inherit;font-size:1rem;padding:9px 10px;text-align:center;width:84px}.calc-number:focus,.calc-range:focus-visible{outline:2px solid var(--sb-blue);outline-offset:2px}.calc-results{grid-gap:14px;align-content:start;display:grid;gap:14px;grid-template-columns:1fr 1fr;min-width:0}.calc-result{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;min-width:0;padding:18px 16px}.calc-result.highlight{background:#eff6ff;border-color:#3b82f680}.calc-result-label{color:var(--sb-light-text);font-size:.8rem;line-height:1.4;margin-bottom:8px}.calc-result-value{color:#2563eb;font-family:Space Grotesk,Inter,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}.calc-assumption{color:var(--sb-text);font-size:.92rem;font-weight:600;margin:22px 0 0;text-align:center}.calc-note{color:var(--sb-text-dim);font-size:.8rem;margin:6px 0 0;text-align:center}.calc-cta{margin-top:32px;text-align:center}.calc-cta-text{color:var(--sb-text-hi);font-size:1.05rem;font-weight:600;margin:0 0 14px}@media (max-width:860px){.calc-panel{grid-template-columns:1fr}}@media (max-width:480px){.calc-panel{gap:28px;padding:22px 16px}.calc-results{grid-template-columns:1fr}.calc-cta .btn-primary{width:100%}}.features{background:linear-gradient(180deg,#e9eef6,#f8fafc 110px,#f8fafc calc(100% - 110px),#e9eef6);border-bottom:1px solid #0f172a14;border-top:1px solid #0f172a14;padding:100px 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}.customised{background:var(--sb-bg-raised);border-bottom:1px solid var(--sb-border);border-top:1px solid var(--sb-border);padding:100px 60px}.customised-container{margin:0 auto;max-width:1240px;text-align:center}.customised-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-top:48px;text-align:left}.customised-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;padding:30px 26px;transition:border-color .3s var(--sb-ease),transform .3s var(--sb-ease)}.customised-card:hover{border-color:var(--sb-border-hover);transform:translateY(-4px)}.customised-icon{align-items:center;background:#3b82f61f;border:1px solid #60a5fa40;border-radius:12px;color:var(--sb-blue-light);display:flex;height:46px;justify-content:center;margin-bottom:16px;width:46px}.customised-card h3{color:var(--sb-text-hi);font-size:1.05rem;margin:0 0 8px}.customised-card p{color:var(--sb-text-dim);font-size:.9rem;line-height:1.55;margin:0}.about{background:var(--sb-bg-raised);border-bottom:1px solid var(--sb-border);border-top:1px solid var(--sb-border);padding:100px 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;max-width:62ch}.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-light-bg);border-top:1px solid #0f172a14;padding:100px 60px}.faqs .section-title{color:var(--sb-light-heading)}.faq-container{margin:0 auto;max-width:1000px}.faqs .section-title{margin-bottom:48px}.faq-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(2,1fr)}.faq-item{background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 4px 16px #0f172a0f;padding:28px 30px;transition:border-color .3s var(--sb-ease)}.faq-item:hover{border-color:#3b82f68c}.faq-q{color:var(--sb-light-heading);font-size:1rem;font-weight:600;margin:0 0 8px}.faq-a{color:var(--sb-light-text);font-size:.93rem;line-height:1.65;margin:0;max-width:60ch}.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,.calc,.customised,.faqs,.features,.how-it-works,.industries,.problem{padding:56px 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}.customised-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}.nav-logo{font-size:1.1rem;gap:6px}.nav-buttons{gap:4px}.nav-btn{font-size:.85rem;padding:8px 10px}}@media (max-width:380px){.nav-signin{display:none}}.landing-video{padding:64px 20px}.landing-video-container{margin:0 auto;max-width:560px;text-align:center}.landing-video-player{aspect-ratio:1/1;background:#0a1628;border:1px solid #60a5fa40;border-radius:16px;box-shadow:0 12px 40px #02081459;display:block;height:auto;margin-top:24px;width:100%}.pricing{padding:64px 20px}.pricing-container{margin:0 auto;max-width:820px;text-align:center}.pricing-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:32px;text-align:left}.pricing-card{border:1px solid #60a5fa40;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:28px 24px}.pricing-card.featured{border-color:#3b82f6;box-shadow:0 12px 40px #3b82f62e}.pricing-card h3{margin:0}.pricing-price{font-size:2.2rem;font-weight:700}.pricing-price span{font-size:1rem;font-weight:400;opacity:.7}.pricing-sub{margin:0;opacity:.8}.pricing-list{grid-gap:6px;display:grid;flex:1 1;gap:6px;margin:4px 0 12px;padding-left:18px}.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}}.wk{margin-bottom:24px}.wk-toolbar{align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}.wk-nav,.wk-toolbar{display:flex;flex-wrap:wrap}.wk-nav{gap:8px}.wk-nav-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;gap:4px;padding:8px 14px}.wk-nav-btn:hover:not(:disabled){border-color:var(--border-hover)}.wk-nav-btn:disabled{color:var(--text-faint);cursor:default}.wk-range{color:var(--text-heading);font-size:1.05rem;margin:0}.wk-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.wk-day{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;min-height:160px;overflow:hidden}.wk-day-today{border-color:var(--accent);border-width:2px;box-shadow:0 0 0 1px var(--accent),var(--shadow)}.wk-day-header{align-items:baseline;background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--text-heading);cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:10px 12px;text-align:left;width:100%}.wk-day-header:hover{background:var(--bg-panel)}.wk-day-today .wk-day-header{background:#3b82f638}.wk-day-today .wk-day-name:after{background:var(--accent);border-radius:999px;color:#fff;content:"TODAY";font-size:.62rem;font-weight:700;letter-spacing:.04em;margin-left:8px;padding:1px 6px;vertical-align:middle}.wk-day-name{font-size:.95rem;font-weight:700}.wk-day-date{color:var(--text-muted);font-size:.8rem}.wk-day-count{background:var(--bg-panel);border-radius:999px;color:var(--text);font-size:.75rem;margin-left:auto;min-width:22px;padding:1px 7px;text-align:center}.wk-day-body{display:flex;flex-direction:column;gap:8px;padding:10px}.wk-day-empty{color:var(--text-faint);font-size:.8rem;margin:0;padding:18px 0;text-align:center}.wk-card{background:var(--bg-panel);border:1px solid var(--border);border-left:4px solid #64748b;border-radius:8px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:3px;padding:8px 10px;text-align:left;width:100%}.wk-card:hover{border-color:var(--border-hover)}.wk-card-breached{background:#ef44441f}.wk-card-top{align-items:center;display:flex;gap:6px;min-width:0}.wk-card-time{color:var(--accent);flex-shrink:0;font-size:.72rem;font-weight:700}.wk-card-ref{color:var(--text-heading);font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wk-card-alert{color:#ef4444;flex-shrink:0;margin-left:auto}.wk-card-supplier{color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wk-card-status-dot{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;gap:6px}.wk-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.wk-card-lg{padding:12px 14px}.wk-card-lg .wk-card-ref{font-size:.95rem}.wk-card-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px}.wk-card-status{border-radius:999px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.wk-card-priority{color:#ef4444;font-weight:700}.wk-weekend{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wk-weekend-label{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.wk-weekend-btn{background:var(--card-bg);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.82rem;padding:6px 12px}.wk-weekend-btn:hover{border-color:var(--border-hover)}.wk-outside{color:var(--text-muted);font-size:.8rem;margin:12px 0 0}.wk-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed}.wk-overlay-day{z-index:920}.wk-overlay-shipment{z-index:950}.wk-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:88vh;max-width:760px;overflow:hidden;width:100%}.wk-modal-shipment{max-width:620px}.wk-modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:18px 22px}.wk-modal-header h2{color:var(--text-heading);font-size:1.15rem;margin:0}.wk-modal-header p{color:var(--text-muted);font-size:.82rem;margin:2px 0 0}.wk-icon-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;padding:4px}.wk-icon-btn:hover{background:var(--card-bg);color:var(--text-heading)}.wk-modal-body{overflow-y:auto;padding:8px 22px 22px}.wk-modal-shipment .wk-modal-body{padding:16px 18px 18px}.wk-row{grid-gap:12px;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:96px 1fr;padding:10px 0}.wk-row:last-child{border-bottom:none}.wk-row-unscheduled .wk-row-label{color:var(--accent)}.wk-row-label{color:var(--text-muted);font-size:.85rem;font-weight:700;padding-top:4px}.wk-row-slot{display:flex;flex-direction:column;gap:8px;min-height:28px}.wk-row-empty{color:var(--text-faint);font-size:.8rem;padding-top:5px}@media (max-width:1000px){.wk-grid{grid-template-columns:1fr}.wk-day{min-height:0}.wk-row{grid-template-columns:70px 1fr}}.wk-available{align-self:flex-start;background:#0000;border:1px dashed var(--border);border-radius:8px;color:var(--text-faint);cursor:pointer;font-family:inherit;font-size:.8rem;padding:5px 12px}.wk-available:hover{border-color:var(--accent);color:var(--accent)}.demo .tooltip-wrapper{cursor:help;position:relative}.demo .tooltip-wrapper button,.demo .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}.demo .sidebar-link.demo-static{cursor:help}.demo .sidebar-link.demo-static:hover{background:var(--bg);border-color:var(--border-hover);color:var(--text)}.demo .demo-cta-top{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:2px solid var(--border);border-radius:12px;margin-bottom:32px;padding:28px 32px}.demo .demo-cta-top .cta-content{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.demo .demo-cta-top h3{color:var(--text-bright);font-size:1.4rem;margin:0}.demo .demo-cta-top p{color:var(--text-muted);font-size:.95rem;margin:0}.demo .cta-buttons{display:flex;flex-wrap:wrap;gap:14px}.demo .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)}.demo .cta-primary:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.demo .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)}.demo .cta-secondary:hover{background:#3b82f61a;border-color:#60a5fa;transform:translateY(-2px)}[data-theme=light] .demo .cta-secondary{border-color:#2563eb66;color:#2563eb}[data-theme=light] .demo .cta-secondary:hover{background:#2563eb14;border-color:#2563eb}.demo .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 .demo-cta-bottom .cta-content{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:600px}.demo .demo-cta-bottom h3{color:var(--text-bright);font-size:1.6rem;margin:0}.demo .demo-cta-bottom p{color:var(--text-muted);font-size:1rem;margin:0}.demo .demo-cta-bottom .cta-buttons{justify-content:center}.demo .demo-footer{border-top:2px solid var(--border);margin-top:40px;padding:30px 20px}.demo .demo-footer,.demo .empty{color:var(--text-muted);font-size:1rem;text-align:center}.demo .empty{padding:40px}.demo .card-breached{background:#ef44440d;border:2px solid #ef44444d}.demo .breach-banner{background:#ef444433;border-left:4px solid #ef4444;color:#ef4444;font-size:.9rem;font-weight:600;margin:-20px -20px 16px;padding:12px 16px}.demo .issue-note{background:#ef44440d;border-left:3px solid #ef4444;border-radius:4px;margin-top:8px;padding:12px 14px}.demo .issue-note span{color:#ef4444;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.demo .issue-note strong{color:var(--text-bright);display:block;font-size:.9rem}.demo .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}.demo .btn-resolve:hover{background:#059669}.demo button:disabled,.demo input:disabled{cursor:not-allowed;opacity:.7}.demo .toolbar{align-items:center!important;flex-wrap:wrap!important;gap:20px!important;margin-bottom:40px!important}.demo .toolbar .search{flex:1 1;min-width:250px}.demo .toolbar .date-filters{align-items:center;display:flex;gap:16px!important}.demo .toolbar .date-filters label{align-items:center;display:flex;font-weight:500;gap:8px}.demo .toolbar .date-filters input{min-width:140px;padding:10px 12px!important}.demo .toolbar .btn-primary{flex-shrink:0;white-space:nowrap}.demo .cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.demo .card{border-radius:10px!important;gap:16px!important;padding:20px!important}.demo .card-header{align-items:center;display:flex;gap:12px!important;justify-content:space-between;margin-bottom:16px!important}.demo .card-body{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.demo .card-body div{display:flex;flex-direction:column;gap:6px}.demo .card-body span:first-child{color:var(--text-muted);font-size:.85rem;font-weight:500}.demo .card-body strong{color:var(--text-bright);font-weight:600}.demo .card-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px}.demo .card-actions button{flex:1 1;font-size:.85rem!important;min-width:90px;padding:8px 12px!important}.demo .sidebar{padding:20px 16px!important;width:240px!important}.demo .sidebar-header,.demo .sidebar-nav{margin-bottom:24px!important}.demo .sidebar-nav{gap:12px!important}.demo .sidebar-link{font-size:.95rem!important;padding:12px 14px!important}.demo .sidebar-guide{margin-bottom:24px!important}.demo .guide-toggle{margin-bottom:12px!important;padding:12px 14px!important}.demo .guide-content{gap:12px!important;padding:12px!important}.demo .guide-item{gap:8px!important}.demo .guide-item strong{font-size:.9rem!important}.demo .guide-item p{font-size:.85rem!important;line-height:1.4!important}.demo .sidebar-footer{gap:12px!important}.demo .theme-toggle{margin-bottom:12px!important}.demo .sidebar-signout,.demo .theme-toggle{padding:12px 14px!important}.demo .header{margin-bottom:28px!important}.demo .header h1{font-size:2rem!important;margin-bottom:6px!important}.demo .header p{font-size:.95rem!important;margin:0!important}.demo .stats-bar{margin-bottom:28px!important}.demo .stat-item{gap:8px!important;padding:16px!important}.demo .stat-number{font-size:1.8rem!important;font-weight:700!important}.demo .stat-label{font-size:.85rem!important}.demo .tooltip-wrapper{display:inline-block}.demo .toolbar .tooltip-wrapper{display:block;width:auto}.demo .toolbar .tooltip-wrapper input{display:block;width:100%}.demo .date-filters .tooltip-wrapper{display:flex}.demo .date-filters .tooltip-wrapper>div{display:flex;gap:12px;width:100%}.demo .date-filters .tooltip-wrapper label{align-items:center;display:flex;gap:8px}.demo .card-body .tooltip-wrapper,.demo .card-body .tooltip-wrapper>div{display:block}.demo .card-actions .tooltip-wrapper{display:inline-block;flex:1 1;min-width:90px}.demo .sidebar .tooltip-wrapper{display:block;width:100%}.demo .sidebar .tooltip-wrapper button{width:100%}.demo .sidebar .tooltip-wrapper:hover button{background:#3b82f61a}.demo .sidebar-signout .tooltip-wrapper,.demo .theme-toggle .tooltip-wrapper{display:block;width:100%}.demo .demo-site-switcher{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.demo .demo-site-pill{background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.demo .demo-site-pill.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.demo .demo-site-manager{color:var(--text-muted);font-size:.85rem;margin:0 0 18px}.demo .demo-notices{grid-gap:8px;display:grid;gap:8px;margin-bottom:18px}.demo .demo-notice{background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:8px;color:#fbbf24;font-size:.88rem;padding:10px 14px}[data-theme=light] .demo .demo-notice{background:#f59e0b1f;border-color:#f59e0b73;color:#92400e}.demo .demo-tabs{border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:18px}.demo .demo-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:.92rem;font-weight:600;padding:10px 16px}.demo .demo-tab.active{border-bottom-color:#3b82f6;color:var(--text-bright)}.demo .demo-customised-line{color:var(--text-muted);font-size:.85rem;font-style:italic;margin:24px 0;text-align:center}.portal-page{--p-bg:#0a1628;--p-card:#0f1e35;--p-border:#60a5fa33;--p-input-bg:#1e293b99;--p-input-border:#60a5fa33;--p-input-focus:#60a5fa;--p-text:#e2e8f0;--p-input-text:#e2e8f0;--p-label:#94a3b8;--p-heading:#f8fafc;--p-muted:#94a3b8;--p-accent:#3b82f6;--p-accent-light:#60a5fa;--p-danger:#ef4444;--p-warning-bg:#f59e0b1a;--p-warning-border:#f59e0b66;--p-warning-text:#fbbf24;--p-success:#10b981;--p-pill-bg:#3b82f624;--p-pill-border:#3b82f659;--p-pill-text:#60a5fa;--p-error-bg:#ef44441a;--p-error-border:#ef444459;--p-error-text:#fca5a5;--p-card-border:#60a5fa33;--p-card-shadow:none;--p-field-label:#cbd5e1;background:var(--p-bg);color:var(--p-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:40px 16px 64px;transition:background .2s ease,color .2s ease}.portal-page[data-theme=light]{--p-bg:#e8edf2;--p-card:#fff;--p-border:#c1cdd8;--p-input-bg:#f8fafc;--p-input-border:#94a3b8;--p-input-focus:#3b82f6;--p-text:#475569;--p-input-text:#0f172a;--p-label:#475569;--p-heading:#0f172a;--p-muted:#94a3b8;--p-accent-light:#2563eb;--p-warning-border:#f59e0b80;--p-warning-text:#92400e;--p-pill-bg:#dbeafe;--p-pill-border:#93c5fd;--p-pill-text:#1e40af;--p-error-bg:#ef444414;--p-error-border:#ef44444d;--p-error-text:#b91c1c;--p-card-border:#c1cdd8;--p-card-shadow:0 2px 8px #0000001f;--p-field-label:#334155}.portal-page *{box-sizing:border-box}.portal-wrap{margin:0 auto;max-width:560px}.portal-header{margin-bottom:28px;position:relative;text-align:center}.portal-theme-toggle{align-items:center;background:var(--p-input-bg);border:1px solid var(--p-input-border);border-radius:8px;color:var(--p-text);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;top:0;width:36px}.portal-title{color:var(--p-heading);font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:700;margin:0 0 4px}.portal-subtitle{color:var(--p-muted);margin:0}.portal-card{background:var(--p-card);border:1px solid var(--p-card-border);border-radius:16px;box-shadow:var(--p-card-shadow);margin-bottom:20px;padding:28px}.portal-branch-grid{grid-gap:14px;display:grid;gap:14px}.portal-branch-card{align-items:center;background:var(--p-card);border:1px solid var(--p-card-border);border-radius:12px;color:var(--p-text);display:flex;justify-content:space-between;padding:16px 20px;text-decoration:none;transition:border-color .15s ease}.portal-branch-card:hover{border-color:var(--p-accent-light)}.portal-branch-name{color:var(--p-heading);font-weight:600}.portal-branch-flag{background:var(--p-warning-bg);border:1px solid var(--p-warning-border);border-radius:999px;color:var(--p-warning-text);font-size:.7rem;font-weight:700;letter-spacing:.4px;padding:3px 8px;text-transform:uppercase}.portal-notices{grid-gap:8px;display:grid;gap:8px;margin-bottom:20px}.portal-notice{background:var(--p-warning-bg);border:1px solid var(--p-warning-border);border-radius:10px;color:var(--p-warning-text);font-size:.9rem;padding:10px 14px}.portal-field{grid-gap:6px;display:grid;gap:6px;margin-bottom:16px}.portal-field label{color:var(--p-field-label);font-size:.8rem;font-weight:600}.portal-field input,.portal-field select,.portal-field textarea{background:var(--p-input-bg);border:1px solid var(--p-input-border);border-radius:8px;color:var(--p-input-text);font-family:inherit;font-size:.95rem;min-height:44px;padding:11px 12px;width:100%}.portal-field textarea{min-height:80px;resize:vertical}.portal-field input:focus,.portal-field select:focus,.portal-field textarea:focus{border-color:var(--p-input-focus);outline:none}.portal-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:480px){.portal-row{grid-template-columns:1fr}}.portal-honeypot{height:0;left:-9999px;opacity:0;position:absolute;width:0}.portal-submit{background:var(--p-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:6px;min-height:44px;width:100%}.portal-submit:disabled{cursor:not-allowed;opacity:.6}.portal-error{background:var(--p-error-bg);border:1px solid var(--p-error-border);border-radius:8px;color:var(--p-error-text)}.portal-error,.portal-warning{font-size:.9rem;margin-bottom:16px;padding:10px 14px}.portal-warning{background:var(--p-warning-bg);border:1px solid var(--p-warning-border);border-radius:8px;color:var(--p-warning-text)}.portal-success{padding:24px 0;text-align:center}.portal-success-icon{color:var(--p-success);margin-bottom:10px}.portal-success-msg{color:var(--p-heading);font-size:1.05rem;margin:4px 0 6px}.portal-summary{grid-gap:8px 20px;display:grid;font-size:.95rem;gap:8px 20px;grid-template-columns:auto 1fr;margin:20px auto 0;max-width:340px;text-align:left}.portal-summary dt{color:var(--p-muted)}.portal-summary dd{color:var(--p-text);font-weight:600;margin:0}.portal-success-note{color:var(--p-muted);font-size:.85rem;margin:18px 0 0}.portal-footer-link{margin-top:8px;text-align:center}.portal-footer-link a{color:var(--p-muted);font-size:.85rem;text-decoration:none}.portal-footer-link a:hover{color:var(--p-accent-light)}.portal-not-found{color:var(--p-text);padding:80px 16px;text-align:center}.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}}.lead-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.lead-toolbar h2{margin:0}.lead-list{grid-gap:14px;display:grid;gap:14px}.lead-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px}.lead-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.lead-head strong{color:var(--text-bright);display:block;font-size:1.05rem}.lead-sub{color:var(--text-muted);display:block;font-size:.85rem;margin-top:2px}.lead-head select{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:6px 8px}.lead-desc{color:var(--text);margin:10px 0 4px}.lead-fit{color:var(--text-muted);font-size:.9rem;margin:0 0 8px}.lead-contact{display:flex;flex-wrap:wrap;font-size:.9rem;gap:6px 16px;margin:8px 0}.lead-contact a{color:var(--accent)}.lead-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.lead-message{grid-gap:10px;border-top:1px solid var(--border);display:grid;gap:10px;margin-top:12px;padding-top:12px}.lead-message input,.lead-message textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);font:inherit;padding:10px;width:100%}.lead-person{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.lead-hint{margin:6px 0 0}.lead-count,.lead-hint{color:var(--text-muted);font-size:.85rem}.lead-count{margin-right:auto}@media (max-width:600px){.lead-person{grid-template-columns:1fr}}.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}}.blog-page{display:flex;flex-direction:column;min-height:100vh}.blog-container{margin:0 auto;max-width:1240px;width:100%}.blog-narrow{max-width:760px}.blog-hero{background:linear-gradient(160deg,#0d1d38,#0a1628 70%);padding:160px 60px 24px}.blog-hero .section-subtitle{margin-bottom:0}.blog-list-section{background:var(--sb-bg);flex:1 1;padding:56px 60px 96px}.blog-list{grid-gap:22px;display:grid;gap:22px;margin:0 auto;max-width:820px}.blog-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;cursor:pointer;padding:30px 32px;transition:border-color .25s var(--sb-ease),transform .25s var(--sb-ease),box-shadow .25s var(--sb-ease)}.blog-card:hover{border-color:var(--sb-border-hover);box-shadow:0 12px 34px #02081473;transform:translateY(-3px)}.blog-card-date{color:var(--sb-text-dim);display:block;font-size:.82rem;letter-spacing:.03em;margin-bottom:10px}.blog-card-title{color:var(--sb-text-hi);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}.blog-card:hover .blog-card-title{color:var(--sb-blue-pale)}.blog-card-excerpt{color:var(--sb-text);font-size:1rem;line-height:1.7;margin:0 0 18px}.blog-card-link{align-items:center;color:var(--sb-blue-light);display:inline-flex;font-size:.93rem;font-weight:600;gap:7px}.blog-card:hover .blog-card-link{gap:11px}.blog-card-link svg{transition:transform .25s var(--sb-ease)}.blog-empty{color:var(--sb-text-dim);text-align:center}.blog-article-section{background:var(--sb-bg);flex:1 1;padding:150px 60px 96px}.blog-back-link{align-items:center;background:none;border:none;color:var(--sb-text-dim);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.92rem;font-weight:600;gap:8px;margin-bottom:34px;padding:0;transition:color .2s}.blog-back-link:hover{color:var(--sb-blue-pale)}.blog-article-header{border-bottom:1px solid var(--sb-border);margin-bottom:40px;padding-bottom:28px}.blog-article-title{color:var(--sb-text-hi);font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:700;letter-spacing:-.025em;line-height:1.18;margin:0 0 18px}.blog-article-meta{align-items:center;color:var(--sb-text-dim);display:flex;flex-wrap:wrap;font-size:.92rem;gap:10px}.blog-article-author{color:var(--sb-blue-pale);font-weight:600}.blog-meta-divider{opacity:.5}.blog-article-excerpt{color:var(--sb-text);font-size:1.05rem;line-height:1.75}.blog-article-body{color:var(--sb-text);font-size:1.06rem;line-height:1.8}.blog-article-body h2{color:var(--sb-text-hi);font-size:1.55rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:46px 0 16px}.blog-article-body h3{color:var(--sb-text-hi);font-size:1.22rem;font-weight:700;margin:34px 0 12px}.blog-article-body p{margin:0 0 22px}.blog-article-body strong{color:var(--sb-text-hi);font-weight:600}.blog-article-body a{border-bottom:1px solid #60a5fa66;color:var(--sb-blue-light);text-decoration:none}.blog-article-body a:hover{color:var(--sb-blue-pale)}.blog-article-body ol,.blog-article-body ul{margin:0 0 22px;padding-left:22px}.blog-article-body li{margin-bottom:10px}.blog-article-body blockquote{border-left:3px solid var(--sb-blue);color:var(--sb-text-hi);font-style:italic;margin:28px 0;padding:4px 0 4px 22px}.blog-article-body code{background:#0f1e35e6;border:1px solid var(--sb-border);border-radius:5px;font-size:.9em;padding:2px 6px}.blog-article-cta{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;margin-top:56px;padding:34px 36px;text-align:center}.blog-article-cta h3{color:var(--sb-text-hi);font-size:1.3rem;font-weight:700;margin:0 0 10px}.blog-article-cta p{color:var(--sb-text-dim);margin:0 0 22px}@media (max-width:768px){.blog-hero{padding:130px 20px 20px}.blog-list-section{padding:40px 20px 64px}.blog-article-section{padding:120px 20px 64px}.blog-card{padding:24px 22px}.blog-card-title{font-size:1.3rem}.blog-article-body{font-size:1.02rem}.blog-article-body h2{font-size:1.38rem;margin-top:38px}.blog-article-cta{padding:28px 22px}}
/*# sourceMappingURL=main.f9f0c18b.css.map*/