:root{--ink:#171823;--muted:#5d6471;--red:#c8202b;--blue:#2424ef;--paper:#f5f5f2;--line:#dedfe5;--green:#197456}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6060ff;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.04em;margin-bottom:22px}h2{font-size:28px;line-height:1.18;letter-spacing:-.025em}h3{font-size:19px;line-height:1.3}small,.small{font-size:13px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--red);margin-bottom:16px}.container{width:min(1240px,calc(100% - 56px));margin:auto}.portal-header{background:#fff;border-bottom:1px solid var(--line)}.portal-header .container{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0}.brand-window{display:block;width:150px;height:70px;overflow:hidden;position:relative}.brand-window img{position:absolute;max-width:none;width:198.42px;left:-24.21px;top:-24.21px}.header-links{display:flex;gap:22px;align-items:center;font-size:14px}.header-links a{text-decoration:none}.header-links a:hover{text-decoration:underline}.modebar{background:var(--ink);color:#fff;font-size:12px}.modebar .container{display:flex;justify-content:space-between;gap:20px;padding:11px 0}.modebar strong{color:#ffabb1}.btn{background:var(--red);color:#fff;border:1px solid var(--red);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;text-decoration:none;font-weight:700;font-size:14px;border-radius:3px;min-height:46px}.btn:hover{background:#a71621}.btn.secondary{background:#fff;border-color:#c7cad4;color:var(--ink)}.btn.secondary:hover{background:#eeeef4}.btn.dark{background:var(--ink);border-color:var(--ink)}.btn.danger{color:#a51822;background:#fff1f2;border-color:#e4b2b6}.btn.small{padding:8px 12px;min-height:38px;font-size:12px}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding:76px 0 88px;max-width:1080px;margin:auto}.login-story p{max-width:470px}.login-card{padding:36px;background:white;border:1px solid var(--line);box-shadow:12px 12px 0 #e9e9e4}.login-card h2{font-size:25px}.credentials{padding:14px 16px;background:#f2f2ff;border-left:3px solid var(--blue);font-size:13px;margin:22px 0}.credentials code{font-size:14px;overflow-wrap:anywhere}.field{display:block;margin-bottom:18px;font-size:13px;font-weight:700}.field input,.field select,.field textarea{margin-top:7px;display:block;width:100%;padding:11px 12px;border:1px solid #bdc2cd;background:#fff;color:var(--ink);border-radius:3px;font-weight:400;min-height:46px}.field textarea{resize:vertical;min-height:95px}.field input[type=checkbox]{width:19px;min-height:19px;display:inline-block;margin-right:8px;vertical-align:middle}.field small{font-weight:400;color:var(--muted);display:block;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}.check{font-size:13px;display:flex;gap:9px;align-items:flex-start;margin-bottom:20px}.check input{margin-top:4px;width:17px;height:17px}.notice{border-left:3px solid var(--blue);background:#efeffe;padding:16px 19px;font-size:14px;margin:0 0 24px}.notice.warn{background:#fff4db;border-color:#ad7600}.notice.good{background:#e8f6ef;border-color:var(--green)}.message{font-size:14px;margin:16px 0 0;color:#9b1420;min-height:22px}.shell{padding:38px 0 64px}.welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:30px}.welcome h1{font-size:34px;margin-bottom:10px}.welcome p{margin-bottom:0}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.app-grid{display:grid;grid-template-columns:195px minmax(0,1fr);gap:32px}.side-nav{display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:20px}.side-nav button{border:0;text-align:left;color:var(--muted);background:transparent;padding:13px 15px;border-radius:3px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:12px}.side-nav button span{font-size:11px;opacity:.6}.side-nav button[aria-current=page]{background:var(--ink);color:#fff}.side-nav button:hover{background:#e6e6ed;color:var(--ink)}.content{min-width:0}.panel{padding:28px;background:#fff;border:1px solid var(--line);margin-bottom:22px}.panel h2{font-size:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading .eyebrow{margin-bottom:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.metric{padding:23px;background:#fff;border:1px solid var(--line)}.metric strong{display:block;font-size:33px;font-weight:500;letter-spacing:-.035em}.metric span{font-size:12px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-hero{display:grid;grid-template-columns:1.05fr 1fr;background:#f0eee7;align-items:center;margin-bottom:22px;overflow:hidden}.demo-hero>div{padding:38px}.demo-hero h2{font-size:35px;line-height:1.12}.demo-hero img{width:100%;height:340px;object-fit:cover}.fake-brand{font-size:13px;letter-spacing:.2em;font-weight:bold;margin-bottom:36px}.demo-hero p{font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.product img{height:155px;width:100%;object-fit:cover}.product-art{height:145px;display:grid;place-content:center;background:#eceaf8;color:#55516b;font-size:40px}.product-body{padding:20px;display:flex;flex-direction:column;flex:1}.product h3{font-size:17px;margin-bottom:8px}.product p{font-size:13px;color:var(--muted);flex:1}.price{display:block;margin:12px 0;font-size:20px;letter-spacing:-.025em}.toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:end}.toolbar .field{flex:1;margin:0}.empty{padding:30px;text-align:center;background:#f7f7fa;border:1px dashed #c8cbd4;color:var(--muted);font-size:14px}.record{padding:18px 0;border-bottom:1px solid var(--line)}.record:first-child{padding-top:0}.record:last-child{border-bottom:0;padding-bottom:0}.record-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.record h3{font-size:16px;margin-bottom:6px}.record p{font-size:13px;margin-bottom:8px;overflow-wrap:anywhere}.pill{display:inline-block;padding:4px 9px;background:#ededf8;color:#363654;font-size:11px;white-space:nowrap;border-radius:2px}.pill.good{background:#e0f2e9;color:#1b654d}.pill.warn{background:#fff0d2;color:#785210}.pill.bad{background:#ffe7e9;color:#9a202a}.cart-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.cart-row label{font-size:12px}.cart-row input{width:60px;padding:7px;border:1px solid #bdc2cd}.cart-row strong{font-size:14px}.cart-total{font-size:22px;text-align:right;margin:22px 0}.bars{display:flex;align-items:flex-end;gap:28px;height:155px;border-bottom:1px solid #bbb;margin:30px 0 32px}.bar-group{flex:1;position:relative;height:100%;display:flex;align-items:flex-end}.bar{width:100%;background:var(--blue);min-height:3px;max-height:100%;position:relative}.bar b{position:absolute;top:-25px;left:0;width:100%;text-align:center;font-size:13px;font-weight:400}.bar-group>span{position:absolute;bottom:-26px;left:0;width:100%;text-align:center;font-size:11px;color:var(--muted)}.bar-group:nth-child(2) .bar{background:var(--red)}.bar-group:nth-child(3) .bar{background:#727596}.step-list{list-style:none;padding:0;counter-reset:step}.step-list li{border-top:1px solid var(--line);padding:14px 0;display:flex;gap:16px;font-size:14px}.step-list li:before{counter-increment:step;content:'0' counter(step);font-size:11px;color:var(--red);padding-top:4px}.page-footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;background:#fff}.page-footer .container{display:flex;justify-content:space-between;gap:24px}.toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:#fff;padding:16px 22px;max-width:min(420px,calc(100% - 40px));box-shadow:0 8px 30px #0003;z-index:20;font-size:14px}.toast.error{background:#8d1d29}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:12px;z-index:100}.skip:focus{top:15px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table td p{margin:3px 0}.table-scroll{overflow:auto}.admin-table button{margin-top:8px}.admin-detail{border-top:3px solid var(--red)}.data-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.data-list dt{color:var(--muted);font-size:12px}.data-list dd{margin:3px 0 0;overflow-wrap:anywhere}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.actions-grid form{padding:20px;border:1px solid var(--line)}details{margin-bottom:15px}summary{cursor:pointer;font-size:14px;font-weight:700}details .form-grid,details>form{margin-top:18px}.loading{padding:65px 20px;text-align:center}.tabs-note{font-size:11px;padding:18px 15px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,1fr)}.login-layout{gap:40px}.app-grid{grid-template-columns:160px 1fr;gap:20px}.demo-hero>div{padding:24px}.two-col,.actions-grid{grid-template-columns:1fr}}@media(max-width:700px){.container{width:calc(100% - 32px)}.portal-header .container{min-height:106px;padding:20px 0}.brand-window{width:140px;height:65px}.brand-window img{width:185.19px;left:-22.59px;top:-22.59px}.header-links{font-size:12px;gap:12px}.header-links a:first-child{display:none}.modebar .container{display:block}.modebar .container span{display:block;margin-top:4px}.login-layout{grid-template-columns:1fr;padding:38px 0 50px;gap:26px}.login-card{padding:25px;box-shadow:7px 7px 0 #e9e9e4}.login-story h1{font-size:37px}.shell{padding-top:26px}.welcome{display:block}.account-actions{margin-top:20px}.app-grid{grid-template-columns:1fr;gap:18px}.side-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.side-nav button{font-size:12px;padding:10px 11px}.side-nav button span{display:none}.tabs-note{display:none}.metrics{gap:8px}.metric{padding:16px 12px}.metric strong{font-size:26px}.metric span{font-size:11px}.panel{padding:22px}.demo-hero{grid-template-columns:1fr}.demo-hero img{height:230px}.demo-hero h2{font-size:30px}.card-grid{grid-template-columns:1fr 1fr;gap:12px}.product-body{padding:14px}.product img{height:120px}.form-grid,.data-list{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .field{min-width:150px}.page-footer .container{display:block}.section-heading{align-items:start}.section-heading h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.portal-header,.modebar,.side-nav,.account-actions,.page-footer,.btn,.toast,form{display:none!important}.app-grid,.container{display:block;width:100%}.panel{break-inside:avoid}body{background:#fff}.shell{padding:0}}