:root{--navy: #0c2d5c;--navy-2: #0b4a8f;--accent: #f26a1b;--bg: #f4f5f7;--surface: #ffffff;--border: #e2e5ea;--text: #1c2333;--muted: #687085;--blue: #2463eb;--blue-bg: #e8effd;--green: #1f8a4c;--green-bg: #e3f4ea;--teal: #0f7b7b;--teal-bg: #def3f2;--red: #c4302b;--red-bg: #fbe7e6;--orange: #c25e00;--orange-bg: #fdebd8;--amber: #8a6100;--amber-bg: #fdf3d6;--gray: #5b6273;--gray-bg: #eceef2;--radius: 12px;--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--shadow-panel: 0 1px 2px rgba(12, 45, 92, .04), 0 10px 28px -16px rgba(12, 45, 92, .18);--shadow-lift: 0 2px 4px rgba(12, 45, 92, .06), 0 16px 34px -18px rgba(12, 45, 92, .32);font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3{margin:0;color:var(--navy)}h1{font-size:1.6rem}h2{font-size:1.05rem;margin-bottom:12px}h3{font-size:.9rem;margin:14px 0 8px;color:var(--muted);font-weight:600}a{color:var(--blue)}p{margin:0 0 6px}.muted{color:var(--muted)}.small{font-size:.85rem}.danger{color:var(--red)!important}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--surface);color:var(--text);width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:transparent}.btn{border:1px solid transparent;border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:600;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--navy-2)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--navy)}.btn-secondary:hover{border-color:var(--navy)}.btn-ghost{background:transparent;color:#fff;border-color:#ffffff4d;padding:6px 12px}.btn-link{background:none;color:var(--blue);padding:9px 4px}.btn-block{width:100%;padding:12px}.btn-chip{background:var(--gray-bg);color:var(--navy);padding:6px 12px;font-weight:500;border-radius:999px}.btn-chip.active{background:var(--navy);color:#fff}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.segmented{display:inline-flex;flex-wrap:wrap;background:var(--gray-bg);border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;padding:7px 14px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:600;white-space:nowrap}.segmented button.active{background:var(--surface);color:var(--navy);box-shadow:0 1px 3px #14213d26}.segmented.small button{padding:5px 12px;font-size:.9rem}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;background:var(--navy);color:#fff;padding:10px 24px;padding-top:max(10px,env(safe-area-inset-top))}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.05rem}.brand img{width:32px;height:32px;border-radius:8px}.wordmark{font-weight:800;letter-spacing:-.02em}.wordmark .plus{color:var(--accent)}.topbar .wordmark{font-size:1.25rem;color:#fff}.login-card .wordmark{font-size:2.2rem;color:var(--navy)}.companies{color:var(--navy);font-weight:600}.companies .dot{color:var(--accent);margin:0 6px}.tagline{color:var(--muted);border-top:1px solid var(--border);padding-top:10px;margin:0}.topnav{display:flex;gap:4px;flex:1}.topnav a{color:#ffffffbf;text-decoration:none;padding:8px 14px;border-radius:8px;font-weight:600}.topnav a.active,.topnav a:hover{color:#fff;background:#ffffff1f}.user-menu{display:flex;align-items:center;gap:12px}.user-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:3px 10px 3px 3px;border-radius:999px}.user-link:hover,.user-link.active{background:#ffffff1f}.user-name{opacity:.9}.avatar{border-radius:50%;object-fit:cover;flex:none;display:inline-block;vertical-align:middle}.avatar-initials{display:inline-flex;align-items:center;justify-content:center;background:#dfe7f3;color:var(--navy);font-weight:700;letter-spacing:.02em}.topbar .avatar-initials{background:#ffffff2e;color:#fff}.person{display:inline-flex;align-items:center;gap:6px;min-width:0}.tip-line{display:flex;align-items:flex-start;gap:8px;margin:0}.avatar-editor{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}.avatar-editor .stack{align-items:flex-start;gap:8px}.file-btn{width:fit-content;cursor:pointer}.pin-form{max-width:360px}.bell{position:relative}.bell-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#fff;cursor:pointer}.bell-button:hover,.bell-button.open{background:#ffffff1f}.bell-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--navy)}.bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(400px,calc(100vw - 24px));max-height:70vh;overflow-y:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0c2d5c33;z-index:30}.bell-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.bell-empty{padding:16px 14px;margin:0}.btn-small{padding:4px 8px;font-size:.85rem}.notification-list{list-style:none;margin:0;padding:0}.notification{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding-right:12px}.notification:last-child{border-bottom:0}.notification.unread{background:#f3f7fd}.notification-link{flex:1;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:10px 14px;text-decoration:none;color:inherit;min-width:0}.notification-link:hover .notification-text{text-decoration:underline}.notification-kind{grid-row:span 2;align-self:start;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap}.kind-gar_ut_snart{background:var(--amber-bg);color:var(--amber)}.kind-gar_ut_idag{background:var(--orange-bg);color:var(--orange)}.kind-uppfoljning{background:var(--blue-bg);color:var(--blue)}.kind-tips{background:var(--green-bg);color:var(--green)}.kind-inbjudan{background:#f3e8ff;color:#6b3fa0}.notification-text{font-size:.9rem}.notification.unread .notification-text{font-weight:600}.notification-time{font-size:.78rem;color:var(--muted)}.notification-dot{width:10px;height:10px;border-radius:50%;border:0;background:var(--blue);cursor:pointer;flex:none;padding:0}.panel-notifications{border-left:4px solid var(--accent)}.panel-notifications .notification-list{margin:0 -18px -18px;border-top:1px solid var(--border)}.settings-status{list-style:none;margin:8px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem}.settings-status li:before{content:"● "}.settings-status .ok{color:var(--green)}.settings-status .missing{color:var(--red)}.sort-select{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.sort-select select{width:auto;padding:6px 10px}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox input{width:auto}.badge-collab{background:#f3e8ff;color:#6b3fa0}.team-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.team-row .btn{margin-left:auto;padding:2px 4px}.invite-row{margin-top:10px}.invite-row select{flex:1 1 160px}.content{max-width:1200px;margin:0 auto;padding:24px}.bottomnav{display:none}.page{display:flex;flex-direction:column;gap:16px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-head h2{margin:0}.banner{border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:.92rem}.banner-error{background:var(--red-bg);color:var(--red)}.banner-warning{background:var(--amber-bg);color:var(--amber)}.banner-ok{background:var(--green-bg);color:var(--green)}.error-text{color:var(--red);font-size:.92rem}.empty{color:var(--muted);padding:24px;text-align:center}.loading{color:var(--muted);padding:48px;text-align:center}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;text-decoration:none;color:inherit;border-top:4px solid var(--navy)}.kpi:hover{border-color:var(--navy)}.kpi-label{color:var(--muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:1.9rem;font-weight:700;color:var(--navy)}.kpi-accent{border-top-color:var(--accent)}.kpi-danger{border-top-color:var(--red)}.kpi-danger .kpi-value{color:var(--red)}.kpis-5{grid-template-columns:repeat(5,1fr)}.kpi-sub{color:var(--muted);font-size:.85rem}.period-note{margin:-6px 0 0}.company-switch{align-self:flex-start}.company-switch button{display:inline-flex;align-items:center;gap:6px}.not-connected{font-size:.72rem;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 7px}.not-connected-row{font-style:italic;text-align:center}.total-row td{font-weight:700;border-top:2px solid var(--border)}.date-range{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.chart{position:relative}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem;color:var(--text);margin-bottom:8px}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.gridline{stroke:var(--border);stroke-width:1}.baseline{stroke:#c5cad3;stroke-width:1}.axis-label{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.band-hover{fill:var(--gray-bg);opacity:.6}.tooltip{position:absolute;top:34px;transform:translate(-50%);pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px #0c2d5c24;padding:8px 10px;display:flex;flex-direction:column;gap:3px;font-size:.82rem;white-space:nowrap}.tooltip span{display:inline-flex;align-items:center;gap:6px}.hbars{display:flex;flex-direction:column;gap:10px}.hbar-row{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:10px;align-items:center;font-size:.9rem}.hbar-track{display:flex;align-items:center;gap:8px;min-width:0}.hbar-fill{height:12px;border-radius:0 4px 4px 0;min-width:3px}.hbar-value{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.hbar-value.muted{color:var(--muted);font-style:italic}.hbar-row.link{text-decoration:none;color:inherit;border-radius:6px}.hbar-row.link:hover .hbar-label{color:var(--blue);text-decoration:underline}.company-name{display:inline-flex;align-items:center;gap:8px;min-width:0}.hbar-row:has(.company-name){grid-template-columns:1fr;gap:6px}.company-name>span:last-child{white-space:nowrap}.company-logos{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.company-logo{height:22px;width:auto;display:block}.company-logo[src*=norlyx]{height:30px;margin:-4px 0}.company-logo.dark{background:#23415a;padding:4px 6px;border-radius:5px;height:24px}.headline-value{font-size:1.6rem;font-weight:700;color:var(--navy);margin:-4px 0 14px}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th{text-align:left;color:var(--muted);font-size:.8rem;font-weight:600;border-bottom:1px solid var(--border);padding:6px 8px}.data-table td{border-bottom:1px solid var(--border);padding:8px;vertical-align:top}.data-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.plain-list{list-style:none;margin:0;padding:0}.plain-list li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border)}.mini-stats{display:flex;gap:28px;margin-bottom:8px}.mini-stats div{display:flex;flex-direction:column}.mini-value{font-size:1.6rem;font-weight:700;color:var(--navy)}.definitions summary{cursor:pointer;font-weight:600;color:var(--navy)}.definitions ul{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:.9rem;display:flex;flex-direction:column;gap:4px}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;gap:12px;text-decoration:none;color:inherit}.bar-track{height:14px;background:var(--gray-bg);border-radius:7px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--navy);border-radius:7px}.bar-value{text-align:right;font-weight:600}.offer-list{display:flex;flex-direction:column;gap:8px}.offer-card{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-decoration:none;color:inherit}.offer-card:hover{border-color:var(--navy);box-shadow:0 2px 8px #14213d14}.offer-card-main{display:flex;flex-direction:column;gap:4px;min-width:0}.offer-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.offer-number{font-weight:700;color:var(--navy)}.offer-card-customer{font-size:1.02rem;overflow:hidden;text-overflow:ellipsis}.offer-card-meta{display:flex;gap:14px;color:var(--muted);font-size:.85rem;flex-wrap:wrap}.offer-card-amount{font-weight:700;white-space:nowrap;color:var(--navy)}.offer-list.compact .offer-card{padding:10px 12px}.list-summary{margin:0}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--gray-bg);color:var(--gray);margin-left:6px}.offer-card-title .badge,.offer-head-title .badge{margin-left:0}.status-pagar{background:var(--blue-bg);color:var(--blue)}.status-vunnen{background:var(--green-bg);color:var(--green)}.status-delvis{background:var(--teal-bg);color:var(--teal)}.status-forlorad{background:var(--red-bg);color:var(--red)}.status-arkiverad{background:var(--gray-bg);color:var(--gray)}.company-tag{font-size:.78rem;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:1px 7px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.chip{font-size:.8rem;font-weight:600;padding:2px 9px;border-radius:6px}.reminder-forfallen{background:var(--red-bg);color:var(--red)}.reminder-gar_ut_idag{background:var(--orange-bg);color:var(--orange)}.reminder-gar_ut_snart{background:var(--amber-bg);color:var(--amber)}.reminder-uppfoljning{background:var(--blue-bg);color:var(--blue)}.reminder-ingen_uppfoljning{background:var(--gray-bg);color:var(--gray)}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters .search{flex:1 1 280px}.filters select{flex:0 1 200px}.back{text-decoration:none;font-weight:600;width:fit-content}.offer-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.offer-nav-steps{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px}.offer-nav-steps .step{padding:5px 12px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--navy);font-size:.9rem}.offer-nav-steps a.step:hover{background:var(--gray-bg)}.offer-nav-steps .step.disabled{color:var(--border);cursor:default}.offer-nav-pos{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;padding:0 4px}.copy-text{position:relative;display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:copy;border-bottom:1px dashed transparent}.copy-text:hover{border-bottom-color:currentColor}.copy-text .copy-icon{opacity:.35;transition:opacity .15s}.copy-text:hover .copy-icon,.copy-text.copied .copy-icon{opacity:1}.copy-text.copied .copy-icon{color:var(--green)}.copy-toast{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);background:var(--navy);color:#fff;font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.copy-text.copied .copy-toast{opacity:1;transform:translate(-50%)}.copy-heading .copy-icon{width:18px;height:18px}.timeline-text{white-space:pre-line}.offer-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.offer-head-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.offer-head-customer{font-size:1.2rem;margin:4px 0 6px}.offer-head-amount{display:flex;flex-direction:column;align-items:flex-end;font-size:1.5rem;font-weight:700;color:var(--navy)}.offer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.offer-main,.offer-side{display:flex;flex-direction:column;gap:16px;min-width:0}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 20px;margin:0}.facts dt{color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.facts dd{margin:2px 0 0}.facts .wide{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-size:.85rem;font-weight:600;color:var(--muted)}.field.inline{flex-direction:row;align-items:center;gap:10px}.field.inline input{width:auto}.followup{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.quick-dates{display:flex;gap:6px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-status{border:1px solid var(--border)}.btn-status.active{outline:2px solid currentColor;outline-offset:1px}.status-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.table-wrap{overflow-x:auto}.lines{width:100%;border-collapse:collapse;font-size:.92rem}.lines th{text-align:left;color:var(--muted);font-size:.8rem;font-weight:600;border-bottom:1px solid var(--border);padding:6px 8px}.lines td{border-bottom:1px solid var(--border);padding:8px;vertical-align:top}.lines .num{text-align:right;white-space:nowrap}.lines .text-row td{color:var(--muted);font-style:italic}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 14px 22px;display:flex;flex-direction:column;gap:2px}.timeline li:before{content:"";position:absolute;left:4px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--navy)}.timeline li:after{content:"";position:absolute;left:8px;top:18px;bottom:0;width:1px;background:var(--border)}.timeline li:last-child:after{display:none}.timeline .event-visma:before,.timeline .event-skickad:before{background:var(--muted)}.timeline .event-kundkontakt:before{background:var(--accent)}.timeline .event-status:before{background:var(--green)}.timeline-when{color:var(--muted);font-size:.8rem}.contact-block{display:flex;flex-direction:column;gap:3px;padding:8px 0}.contact-block.highlight{background:var(--amber-bg);margin:0 -10px;padding:8px 10px;border-radius:8px}.contact-link{text-decoration:none;font-weight:500}.people{border-top:1px solid var(--border);margin-top:8px}.contact-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0}.contact-facts .wide{grid-column:1 / -1}.contact-facts dt{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.contact-facts dd{margin:0;overflow-wrap:anywhere}.contact-facts .address{display:flex;flex-direction:column}.stack-tight{display:flex;flex-direction:column;gap:2px}.tip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tip-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--border);padding-top:10px}.tip-list li:first-child{border-top:0;padding-top:0}.user-list{list-style:none;margin:0 0 16px;padding:0}.user-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.add-user input{flex:1 1 200px}.visma-names{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-top:6px}.visma-names label{display:flex;flex-direction:column;gap:2px}.visma-names input{width:280px;max-width:100%;padding:6px 10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,var(--navy),var(--navy-2))}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;text-align:center}.login-card .field{text-align:left}.login-icon{width:64px;height:64px;margin:0 auto;border-radius:14px}.name-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.name-btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px 6px;cursor:pointer;font-weight:600;color:var(--navy)}.name-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}@media (max-width: 1024px){.topbar{gap:14px}.topnav a{padding:8px 10px}.user-menu{gap:6px}.user-menu .user-name{display:none}.user-link{padding:3px}}@media (max-width: 960px){.offer-grid{grid-template-columns:1fr}.kpis,.kpis-5{grid-template-columns:repeat(2,1fr)}.two-panels{grid-template-columns:1fr}}@media (max-width: 680px){.topbar{padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));gap:12px}.topnav,.user-name{display:none}.topbar .wordmark{font-size:1.1rem}.user-menu{margin-left:auto}.content{padding:16px 16px calc(88px + env(safe-area-inset-bottom))}h1{font-size:1.35rem}.kpi{padding:12px 14px}.kpi-value{font-size:1.5rem}.kpi-label{font-size:.72rem}.bar-row{grid-template-columns:100px 1fr 70px;gap:8px}.offer-card{flex-direction:column;gap:6px}.offer-head-amount{align-items:flex-start}.two-col{grid-template-columns:1fr}.tip-list li{flex-direction:column;align-items:flex-start}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.hbar-row{grid-template-columns:1fr;gap:4px}.bell-panel{position:fixed;left:12px;right:12px;top:calc(60px + env(safe-area-inset-top));width:auto;max-height:calc(100vh - 160px)}.bottomnav a{flex:1;text-align:center;padding:14px 0;text-decoration:none;color:var(--muted);font-weight:600}.bottomnav a.active{color:var(--navy);box-shadow:inset 0 3px 0 var(--accent)}}body{background:radial-gradient(1200px 420px at 50% -120px,rgba(11,74,143,.1),transparent 70%),radial-gradient(rgba(12,45,92,.055) 1px,transparent 1px) 0 0 / 22px 22px,var(--bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,.wordmark,.kpi-value,.headline-value,.mini-value,.offer-head-amount,.offer-card-amount,.offer-number{font-family:var(--font-display)}h1{font-weight:800;letter-spacing:-.025em}h2{font-weight:700;letter-spacing:-.01em}.kpi-value{font-weight:800;letter-spacing:-.03em;font-size:2.1rem;line-height:1.05}.headline-value,.offer-head-amount{letter-spacing:-.02em}.offer-card-amount{font-weight:700;letter-spacing:-.01em}.offer-number{font-weight:700}.wordmark{letter-spacing:-.035em}.topbar{background:linear-gradient(100deg,#0a2550 0%,var(--navy) 55%,#0d3a72 100%);box-shadow:inset 0 -2px 0 var(--accent),0 6px 20px -12px #0c2d5c99}.topnav a{letter-spacing:.005em}.panel,.kpi,.offer-card{border-color:#0c2d5c14;box-shadow:var(--shadow-panel)}.panel{border-radius:14px}.kpi{border-radius:14px;transition:transform .18s ease,box-shadow .18s ease}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:#0c2d5c24}.offer-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.offer-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift);border-color:#0c2d5c2e}.kpi-label{font-size:.74rem;letter-spacing:.07em}.offer-head h1{font-size:2rem}.offer-head-customer{font-size:1.25rem;font-weight:500;color:var(--navy)}.offer-head-amount span:first-child{font-size:1.9rem;font-weight:800}.btn-primary{background:linear-gradient(180deg,#123a72,var(--navy));box-shadow:0 1px #ffffff1f inset,0 4px 12px -6px #0c2d5c99}.btn:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented button.active{box-shadow:0 1px 2px #0c2d5c1f,0 4px 10px -6px #0c2d5c59}.login-page{background:radial-gradient(900px 500px at 15% 0%,rgba(242,106,27,.18),transparent 60%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(160deg,#0a2550,var(--navy) 50%,#0b4a8f)}.login-card{box-shadow:0 30px 60px -30px #0000008c;border-radius:18px}.name-btn{transition:transform .12s ease,background .12s ease}.name-btn:hover{transform:translateY(-1px)}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page>*{animation:rise-in .42s cubic-bezier(.2,.7,.2,1) both}.page>*:nth-child(2){animation-delay:.04s}.page>*:nth-child(3){animation-delay:.08s}.page>*:nth-child(4){animation-delay:.12s}.page>*:nth-child(5){animation-delay:.16s}.page>*:nth-child(n+6){animation-delay:.2s}.kpis .kpi{animation:rise-in .42s cubic-bezier(.2,.7,.2,1) both}.kpis .kpi:nth-child(2){animation-delay:.06s}.kpis .kpi:nth-child(3){animation-delay:.12s}.kpis .kpi:nth-child(4){animation-delay:.18s}.kpis .kpi:nth-child(5){animation-delay:.24s}.bell-count{animation:rise-in .3s ease both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 680px){.offer-head h1{font-size:1.55rem}.offer-head-amount span:first-child{font-size:1.5rem}.kpi-value{font-size:1.65rem}body{background-attachment:scroll}}