:root{--navy:#16294d;--navy-deep:#0f1f3d;--navy-soft:#23396a;--teal:#0a9a9c;--teal-soft:#dff1f1;--pastel:#a9c6e8;--pastel-soft:#e6f0f4;--mist:#eef5f6;--mist-strong:#e3eef0;--ink:#1b2740;--muted:#4d5b70;--line:#d3e3e5;--field:#c3d5d8;--white:#fff;--danger:#b3261e;--ok:#1f7a4d;--radius:14px;--radius-sm:10px;--font-display:"Playfair Display", Georgia, serif;--font-wide:"Archivo", "Montserrat", system-ui, sans-serif;--font-body:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--panel-shadow:0 1px 2px #16294d0d, 0 8px 24px -12px #16294d24}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--mist);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--font-wide);font-variation-settings:"wdth" 112;color:var(--navy);letter-spacing:-.01em;margin:0 0 .5em;font-stretch:112%;line-height:1.15}h1{font-variation-settings:"wdth" 125;font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:800;font-stretch:125%}h2{font-size:1.35rem;font-weight:750}h3{font-size:1.05rem;font-weight:700}a{color:var(--navy);text-underline-offset:3px}a:not([class]):hover{color:var(--teal)}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.site-header{z-index:10;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);color:var(--navy);font-size:1.2rem;font-weight:700;line-height:1.15;text-decoration:none}.brand:hover{color:var(--navy)}.brand small{font-family:var(--font-body);color:var(--muted);margin-top:2px;font-size:.76rem;font-weight:500;display:block}.container{max-width:1080px;margin:0 auto;padding:36px 16px 72px}.narrow{max-width:480px}.medium{max-width:780px}.hero{text-align:center;padding:72px 16px 80px}.hero p{color:var(--muted);max-width:560px;margin:0 auto 28px;font-size:1.05rem}.eyebrow{color:var(--muted);margin-bottom:10px;font-size:.8rem;font-weight:600}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:24px}.card+.card{margin-top:16px}.card h3{margin-bottom:.7em}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.btn{border:1.5px solid var(--navy);background:var(--navy);color:var(--white);font:inherit;letter-spacing:.01em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 6px 14px -8px #0f1f3d8c}.btn:hover{background:var(--navy-deep);border-color:var(--navy-deep);color:var(--white)}.btn:active{background:#0a1730}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--white);color:var(--navy);border-color:var(--field);box-shadow:none}.btn-secondary:hover{background:var(--teal-soft);border-color:var(--teal);color:var(--navy)}.btn-block{width:100%}form .field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}label{color:var(--navy);font-size:.88rem;font-weight:600}.hint{color:var(--muted);font-size:.8rem;font-weight:400}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=date],select,textarea{font:inherit;color:var(--ink);border:1.5px solid var(--field);border-radius:var(--radius-sm);background:var(--white);width:100%;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=date],select{min-height:46px}input:hover,select:hover,textarea:hover{border-color:#9fbcc1}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0a9a9c2e}input[readonly]{background:var(--mist);color:var(--muted)}input[type=file]{font:inherit;border:1.5px dashed var(--field);border-radius:var(--radius-sm);background:#f8fbfb;padding:8px;font-size:.88rem}input[type=file]::file-selector-button{font:inherit;border:1.5px solid var(--field);background:var(--white);color:var(--navy);cursor:pointer;border-radius:999px;margin-right:12px;padding:7px 14px;font-weight:600}input[type=file]::file-selector-button:hover{border-color:var(--teal);background:var(--teal-soft)}input[type=checkbox],input[type=radio]{accent-color:var(--teal);flex:none;width:17px;height:17px}.row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}fieldset{border:none;border-top:1px solid var(--line);border-radius:0;min-width:0;margin:0 0 12px;padding:18px 0 4px}form>fieldset:first-of-type{border-top:none;padding-top:4px}legend{font-family:var(--font-wide);font-variation-settings:"wdth" 112;color:var(--navy);align-items:center;gap:10px;padding:0 10px 0 0;font-size:1.02rem;font-weight:750;font-stretch:112%;display:flex}legend:before{content:"";background:var(--teal);border-radius:2px;width:16px;height:3px}.checkbox{color:var(--ink);align-items:center;gap:10px;margin-bottom:14px;font-weight:500;display:flex}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:.92rem}.alert-error{color:var(--danger);background:#fbeceb;border:1px solid #f2c9c6}.alert-ok{color:var(--ok);background:#e6f4ee;border:1px solid #c4e2d2}.staff-shell{background:linear-gradient(90deg, var(--navy-deep) 232px, transparent 232px);grid-template-columns:232px 1fr;min-height:100vh;display:grid}.staff-nav{background:linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);color:var(--white);height:100vh;padding:24px 14px;position:sticky;top:0;overflow-y:auto}.staff-nav a{color:#c9d8ec;border-radius:var(--radius-sm);border-left:3px solid #0000;margin-bottom:2px;padding:9px 12px;font-weight:500;text-decoration:none;display:block}.staff-nav a:hover{color:var(--white);background:#ffffff12}.staff-nav a.active{color:var(--white);border-left-color:var(--teal);background:#0a9a9c2e;font-weight:600}.staff-nav .brand{color:var(--white);margin-bottom:28px;font-size:1.05rem;display:block}.staff-nav .brand small{color:#9fb6d6}.staff-nav .nav-logout{color:var(--white);background:0 0;border-color:#ffffff59}.staff-nav .nav-logout:hover{border-color:var(--white);color:var(--white);background:#ffffff14}.staff-main{min-width:0;padding:28px clamp(16px,3vw,40px) 56px}.staff-who{color:var(--muted);margin-bottom:18px;font-size:.85rem}.pill{background:var(--pastel-soft);color:var(--navy);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.muted{color:var(--muted)}.center{text-align:center}.mt{margin-top:20px}.otp-input{letter-spacing:.5em;text-align:center;font-weight:700;font-size:1.4rem!important}@media (max-width:760px){.staff-shell{background:0 0;grid-template-columns:1fr}.staff-nav{flex-wrap:wrap;align-items:center;gap:4px;height:auto;padding:14px;display:flex;position:static}.staff-nav .brand{width:100%;margin-bottom:8px}.staff-nav a{border-bottom:3px solid #0000;border-left:none;margin:0}.staff-nav a.active{border-bottom-color:var(--teal)}.staff-nav form{margin:0 0 0 auto!important}.staff-main{padding:20px 16px 48px}}.pill-ok{color:var(--ok);background:#e8f4ee}.pill-warn{color:#8a5a00;background:#fdf3dc}.pill-bad{color:var(--danger);background:#fbeceb}.pill-info{background:var(--pastel-soft);color:var(--navy)}.table-wrap{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--panel-shadow);overflow-x:auto}.card .table-wrap{box-shadow:none}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#f4f9f9;padding:10px 12px;font-size:.78rem;font-weight:600}table.data td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}table.data tr:last-child td{border-bottom:none}table.data td.num,table.data th.num{text-align:right;white-space:nowrap}table.data tr.link-row:hover td{background:#f4f9f9}table.data a{font-weight:600}table.data tfoot td{background:#f4f9f9;font-weight:600}table.data tfoot tr.grand td{font-family:var(--font-wide);color:var(--navy);border-top:2px solid var(--line);font-size:1rem;font-weight:750}.tabs{background:var(--white);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:4px;max-width:100%;margin:20px 0 18px;padding:4px;display:inline-flex}.tabs a{color:var(--muted);border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none}.tabs a:hover{color:var(--navy);background:var(--mist)}.tabs a.active{color:var(--white);background:var(--navy)}.tabs a.active .count{background:var(--teal)}.tabs .count{background:var(--navy);min-width:20px;color:var(--white);text-align:center;border-radius:999px;margin-left:6px;padding:0 6px;font-size:.72rem;display:inline-block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar input[type=text],.toolbar input[type=search]{max-width:280px}.toolbar .spacer{flex:1}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:#8f1d17}.btn-warn{background:#8a5a00;border-color:#8a5a00}.flag{border-radius:var(--radius-sm);color:#6b4600;background:#fdf3dc;border:1px solid #f0dca6;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.9rem;display:flex}.flag strong{color:#5a3b00}.split{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}dl.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:.92rem;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--line);margin-left:6px;padding:0 0 16px 22px;position:relative}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline li:before{content:"";background:var(--navy);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:-7px}.timeline li.future:before{background:var(--white);border:2px solid var(--field)}.timeline .when{color:var(--muted);font-size:.8rem}.order-lines .line{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 110px 130px 36px;align-items:end;gap:10px;margin-bottom:10px;display:grid}.order-lines .amount{text-align:right;white-space:nowrap;padding:10px 0;font-weight:600}.icon-btn{border:1.5px solid var(--field);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;height:46px;color:var(--muted);font-size:1.1rem}.icon-btn:hover{color:var(--danger);border-color:var(--danger)}.totals{max-width:320px;margin-left:auto;font-size:.92rem}.totals div{justify-content:space-between;padding:4px 0;display:flex}.totals .grand{font-family:var(--font-wide);color:var(--navy);border-top:2px solid var(--line);margin-top:6px;padding-top:10px;font-size:1.1rem;font-weight:750}@media (max-width:700px){.order-lines .line{grid-template-columns:1fr 1fr}.order-lines .amount{text-align:left}}.radio-card{border:1.5px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);background:var(--white);align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px;font-weight:500;display:flex}.radio-card:hover{border-color:#9fbcc1}.radio-card:has(input:checked){border-color:var(--teal);background:#f3fafa}.radio-card input{margin-top:3px}.portal-nav{align-items:center;gap:8px;display:flex}.portal-nav a{color:var(--navy);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.portal-nav a:hover{background:var(--mist);color:var(--navy)}.portal-nav a.active{background:var(--navy);color:var(--white)}.empty{text-align:center;color:var(--muted);padding:36px 16px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;display:flex}.section-title h2{margin:0}dl.facts dd{overflow-wrap:anywhere}@media (max-width:700px){.site-header{flex-wrap:wrap;gap:10px;padding:14px 16px}.portal-nav{flex-wrap:wrap;gap:4px;width:100%}.portal-nav .who{display:none}.portal-nav form{margin-left:auto}.order-lines .line{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;padding-bottom:12px}.order-lines .icon-btn{justify-self:end;width:42px}}.brand{align-items:center;gap:12px;display:inline-flex}.brand-text{flex-direction:column;display:flex}.logo-3s{border-radius:10px;flex:none;display:block}.northman-mark{object-fit:contain;align-self:flex-start;height:12px;display:block;width:auto!important}.product-label{flex-direction:column;gap:2px;line-height:1.3;display:inline-flex}.product-label-name{font-weight:600}.product-photo{border:1px solid var(--line);background:#f6f8fb;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.product-photo img{object-fit:contain;width:100%;height:100%}.product-photo img.product-photo-placeholder{opacity:.85;width:72%;height:auto}.product-cell{align-items:center;gap:12px;display:flex}.range{max-width:1040px;margin:0 auto;padding:0 16px 72px}.range-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.range-head .northman-mark{height:26px}.range-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.range-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.range-card .product-photo{border:none;width:100%!important;height:220px!important}.range-card h3{margin:0;font-size:1.1rem}.range-card .packs{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:520px){.range-grid{grid-template-columns:1fr 1fr;gap:10px}.range-card{padding:10px}.range-card .product-photo{height:150px!important}.brand{gap:8px}}.line-product{grid-column:1/-1;align-items:center;gap:10px;display:flex}.nm{color:#e01b22;letter-spacing:.03em;font-weight:700}.product-label{gap:0}.range-card h3 .nm{font-family:var(--font-body);font-size:.85em}.product-photo,.range-card .product-photo{background:#fff}.grid>.card+.card{margin-top:0}.statement-form{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.statement-form .alert{margin:0;padding:6px 12px;font-size:.85rem}.auth-card{border-top:4px solid var(--teal);padding:32px 28px 24px}.auth-card h1{margin-bottom:.2em}.auth-card>.muted{margin-bottom:1.4em}.password-box{position:relative}.password-box input{padding-right:72px}.password-toggle{font:inherit;color:var(--navy);background:var(--mist);cursor:pointer;border:none;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{background:var(--teal-soft)}.label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.small-link{font-size:.82rem;font-weight:600}.login-foot{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:22px;padding-top:18px;font-size:.92rem}.login-foot a{font-weight:700}.code-step{border-radius:var(--radius);border:1.5px solid var(--teal);background:#f3fafa;margin:8px 0 4px;padding:20px}.code-step h3{margin-top:0}.code-step .field{max-width:260px}.consent{align-items:flex-start;font-size:.9rem}.consent input{margin-top:2px}.delivery-confirm{border-radius:var(--radius-sm);border:1px solid var(--line);background:#f3fafa;margin-top:16px;padding:14px 16px}.delivery-confirm .toolbar{margin:0}.inline-delivery{flex-wrap:nowrap;margin:0}.inline-delivery input[type=date]{width:150px;min-height:36px;padding:6px 8px}.inline-delivery .alert{margin:0;padding:4px 8px;font-size:.8rem}