:root{--green:#172c3e;--ink:#202c37;--muted:#6f8394;--line:#e2e6e9;--bg:#f2f4f6;--lime:#a8c9e5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px -apple-system,BlinkMacSystemFont,'Thonburi','Tahoma',sans-serif}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6293bd;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#101e2b;color:#d6dde3;padding:34px 22px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#ecf1f5;font-size:13px;letter-spacing:1.5px;font-weight:700}.logo b{font-size:30px;border:1px solid #8d9dab;padding:3px 8px;letter-spacing:-7px;border-radius:10px;line-height:36px}.logo b span{font-size:24px;color:#9bc1e2}.logo small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#9aa8b4;margin-top:6px}.nav-label{font-size:10px;letter-spacing:2px;color:#7f91a0;margin:55px 12px 18px}nav button{width:100%;border:0;background:transparent;color:#a6b3bf;text-align:left;padding:14px 16px;border-radius:9px;margin:4px 0;font-size:18px}nav button span{font-size:14px;margin-left:12px}nav button.active{background:#2d3c49;color:#b6d3ed}nav button:hover{background:#253543}.side-bottom{margin-top:auto;font-size:11px;color:#b6c0c9;padding:16px 10px}.side-bottom p{color:#728697;font-size:11px;line-height:2;margin-top:20px}.live-dot{display:inline-block;background:#9bbfdf;width:6px;height:6px;border-radius:50%;margin-right:6px}main{margin-left:235px}header{height:84px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#f8fafb}.breadcrumb{color:#788b9c;font-size:12px}.breadcrumb span{padding:0 13px;color:#b5c0c9}.breadcrumb strong{font-weight:500;color:#46535e}.profile{display:flex;align-items:center;gap:12px}.profile select{border:0;background:transparent;color:#505f6d;max-width:220px;font-size:12px}.avatar{background:#d7dee5;color:#344351;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:12px}.demo{margin:20px 42px 0;border:1px solid #e7ddbd;background:#faf6e9;color:#82713f;border-radius:7px;padding:9px 13px;font-size:11px}#app{padding:28px 42px 35px;min-height:80vh}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8293a2;font-weight:600}h1{font-size:30px;letter-spacing:-1px;font-weight:600;margin:8px 0 7px}h2{font-size:17px;margin:0;font-weight:600}h3{font-size:14px;font-weight:600;margin:0}.subtitle{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.primary{background:var(--green);color:#fff;border:0;border-radius:7px;padding:13px 18px;font-size:12px;white-space:nowrap}.primary:hover{background:#284258}.secondary{background:white;border:1px solid var(--line);border-radius:7px;padding:11px 15px;color:#455461}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:22px}.stat .value{font-size:34px;letter-spacing:-1px;margin:17px 0 10px;line-height:1}.stat .label{font-size:12px;color:#687c8d}.stat small{color:#8395a4;font-size:10px}.stat:first-child{background:var(--green);color:#eaeff4}.stat:first-child .label,.stat:first-child small{color:#b1bdc7}.stat-icon{float:right;color:#8ca2b5}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:21px;margin-bottom:25px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #ebeef0}.panel-head small{color:#8a9ba9;font-size:10px}.pipeline{padding:22px 24px}.bar-row{display:grid;grid-template-columns:95px 1fr 28px;gap:15px;align-items:center;font-size:11px;margin:13px 0}.bar-track{height:10px;background:#ebeff3;border-radius:3px;overflow:hidden}.bar{height:100%;background:#7491aa;border-radius:3px}.bar-row:first-child .bar{background:#2c4153}.source-list{padding:15px 23px}.source-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eff1f3;font-size:11px}.source-row:last-child{border:0}.source-row span:first-child{display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;border-radius:2px;background:#658097}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#f8fafc;color:#8092a1;font-weight:500;font-size:10px;padding:13px 22px}td{padding:17px 22px;border-top:1px solid #e9edf0;font-size:11px}td strong{font-size:12px;font-weight:500;display:block;margin-bottom:4px}td small{color:#8798a7;font-size:10px}.pill{display:inline-block;font-size:10px;background:#e4ebf2;color:#42637f;border-radius:5px;padding:5px 8px}.pill.urgent{background:#fbede7;color:#a5755e}.textbutton{border:0;background:none;color:#455b6e;padding:7px;font-size:11px}.filters{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.filters input{flex:1;min-width:180px}.filters input,.filters select{border:1px solid var(--line);border-radius:7px;padding:12px;background:white;color:#4d5b68;font-size:12px}.empty{padding:40px;text-align:center;color:#7c8e9e}.task{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.task p{margin:7px 0;font-size:12px;color:#6e8293}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person{padding:24px}.person h3{margin:14px 0}.person p{font-size:12px;color:#7a8d9d}.person .avatar{width:40px;height:40px}.team-number{font-size:25px;color:#2b4155}footer{padding:22px 42px;border-top:1px solid var(--line);color:#7d8f9f;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}footer span{letter-spacing:0}dialog{border:0;border-radius:15px;padding:0;width:690px;max-width:94vw;max-height:91dvh;color:var(--ink);box-shadow:0 20px 100px #08172440}dialog::backdrop{background:#0a162180;backdrop-filter:blur(3px)}form{padding:26px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:23px}.dialog-head small{color:#7d90a1;letter-spacing:2px;font-size:9px}.dialog-head h2{margin-top:8px;font-size:22px}.icon{border:0;background:#ebeff3;border-radius:50%;height:32px;width:32px;font-size:23px;color:#627585}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid[hidden]{display:none}label{font-size:11px;color:#536473;display:block}label input,label select,textarea{width:100%;border:1px solid #d7dee5;background:#f9fbfc;border-radius:6px;padding:11px;margin-top:6px;color:#2e3c48;min-height:43px}input:focus,select:focus,textarea:focus{outline:2px solid #8ba8c2;outline-offset:1px}.trade-toggle{display:flex;justify-content:space-between;align-items:center;background:#ebf0f5;border-radius:7px;padding:15px;margin:20px 0}.trade-toggle strong{font-size:12px}.trade-toggle p{margin:5px 0 0;font-size:10px;color:#798c9c}.trade-toggle input{width:21px;height:21px;accent-color:#2e465b}.notes{margin-top:18px}textarea{resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#history{font-size:10px;color:#7b8d9d;line-height:1.9;margin-top:14px;max-height:110px;overflow:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#182c3d;color:white;border-radius:8px;font-size:12px;display:none;z-index:10}@media(min-width:1450px){#app{max-width:1450px;margin:auto}}@media(max-width:1100px){.sidebar{width:200px;padding:30px 15px}main{margin-left:200px}header{padding:0 25px}#app{padding:25px}.demo{margin:18px 25px 0}.stats{gap:10px}.stat{padding:18px}.grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:67px;padding:4px 8px;z-index:5;border-top:1px solid #314251}.logo,.nav-label,.side-bottom{display:none}nav{display:flex;justify-content:space-around}nav button{display:flex;flex-direction:column;align-items:center;gap:3px;margin:0;padding:6px 10px;width:25%;font-size:18px}nav button span{font-size:10px;margin:0}main{margin:0;padding-bottom:67px}header{height:65px;padding:0 18px}.breadcrumb{font-size:10px}.profile{gap:5px}.profile select{font-size:10px;max-width:150px}.avatar{width:27px;height:27px}.demo{margin:15px 18px 0;font-size:9px;line-height:1.7}#app{padding:23px 18px}.heading{align-items:flex-start}h1{font-size:25px}.eyebrow{font-size:8px}.subtitle{font-size:10px}.primary{padding:12px;font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px}.stat .value{font-size:30px;margin:12px 0 8px}.stat .label{font-size:11px}.grid{grid-template-columns:1fr;gap:16px}.panel-head{padding:18px}.bar-row{grid-template-columns:90px 1fr 24px}td,th{padding:14px 17px}.team-grid{grid-template-columns:1fr 1fr;gap:10px}.person{padding:17px}footer{padding:18px;font-size:8px}footer span{display:none}.form-grid{gap:13px}form{padding:21px}.filters select{flex:1;min-width:100px}.filters input{width:100%;flex-basis:100%}}@media(max-width:390px){.form-grid{grid-template-columns:1fr}.profile select{max-width:125px}.breadcrumb span{padding:0 6px}}

#tradephotos{margin:22px 0;padding-top:20px;border-top:1px solid var(--line)}#tradephotos[hidden]{display:none}.photo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.photo-heading p,.photo-help{font-size:10px;color:#708495;line-height:1.8}.photo-heading span{font-size:11px;white-space:nowrap;color:#5c6d7c}.photo-actions{display:flex;gap:10px;margin:15px 0}.photo-upload{position:relative;overflow:hidden;display:inline-block;background:#e5ecf3;border:1px dashed #91a7bb;border-radius:7px;padding:13px 17px;color:#374a5a;font-size:12px;cursor:pointer}.photo-upload:focus-within{outline:2px solid #5c7a94}.photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0}.photo-upload:has(input:disabled){opacity:.5;cursor:wait}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.photo-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.photo-thumb{width:100%;padding:0;border:0;background:#e8edf1;display:block}.photo-thumb img{width:100%;height:115px;object-fit:cover;display:block}.photo-card input{border:0;border-bottom:1px solid var(--line);padding:10px;width:100%;font-size:10px;color:#3d4e5c;min-height:40px}.photo-card .textbutton{width:100%;min-height:40px;color:#97634e}.photo-empty{grid-column:1/-1;border:1px dashed #ced9e2;border-radius:8px;text-align:center;padding:28px;color:#8999a7;font-size:12px}#photo-message{font-size:11px;color:#93684c;line-height:1.7}button:disabled{opacity:.5;cursor:wait}#photo-viewer{width:950px;padding:18px;background:#101e2b;color:white}#full-photo{display:block;max-width:100%;max-height:70dvh;margin:15px auto;object-fit:contain}#photo-caption{font-size:12px;text-align:center;color:#c8d3dd}@media(max-width:760px){.photo-grid{grid-template-columns:1fr 1fr}.photo-thumb img{height:125px}.photo-upload{padding:13px;font-size:11px}}

@media(max-width:760px){nav button{width:20%;padding-left:4px;padding-right:4px}nav button span{font-size:9px}}

.record-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:0 0 22px;position:sticky;top:-26px;background:white;z-index:2;padding:10px 0}.record-tabs button{border:0;background:#ebeff3;border-radius:6px;padding:12px;color:#536676;font-size:12px;flex:1}.record-tabs button[aria-selected=true]{background:#172c3e;color:white}.record-tabs span{font-size:10px;margin-left:7px;opacity:.8}#profile-panel[hidden],#checklist-panel[hidden]{display:none}.check-progress{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.check-progress span{font-size:10px;color:#708495}progress{width:100%;height:10px;accent-color:#4a6379;margin:12px 0}.check-intro{font-size:11px;line-height:1.8;color:#6f8395}.check-group{border:1px solid #d7dee5;border-radius:8px;margin:15px 0;overflow:hidden}.check-group summary{padding:16px;background:#e6edf3;font-size:12px;font-weight:600;cursor:pointer}.check-row{display:grid;grid-template-columns:1fr 125px;gap:8px 12px;padding:16px;border-top:1px solid var(--line)}.check-title{font-size:12px;line-height:1.7;color:#30404e;align-self:center}.check-row select{font-size:11px;padding:9px;border:1px solid #d7dee5;border-radius:6px;background:#f7fafc;color:#374b5c;min-height:42px}.check-note-label,.check-row textarea,.step-stamp,.step-hint{grid-column:1/-1}.check-row textarea{margin:0;font-size:11px;min-height:55px}.step-stamp{font-size:9px;color:#788b9c}.step-hint{font-size:10px;line-height:1.8;color:#577086;margin:3px 0}.consent-note{border:1px solid #e4ddc4;background:#faf7ed;padding:14px;border-radius:7px;font-size:11px;color:#80714d}.consent-note p{font-size:10px;line-height:1.8;margin-bottom:0}#checklist-error{color:#a04d38;font-size:12px;line-height:1.8}.check-badge{background:#e5ecf3;color:#3c5871;padding:8px;border:0;border-radius:5px;font-size:10px;min-height:36px}#missingfilter{max-width:260px}@media(max-width:760px){.record-tabs{top:-21px}.check-row{grid-template-columns:1fr 110px;padding:13px}.check-title{font-size:11px}.check-progress{align-items:flex-start;flex-direction:column;gap:5px}.record-tabs button{font-size:11px}}

.check-row{scroll-margin-top:75px}#next-check-step{font-size:11px;padding:9px 12px}

.period-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.period-tabs{display:flex;gap:4px;background:#e2e8ee;border-radius:8px;padding:5px;flex-wrap:wrap}.period-tabs button{border:0;background:transparent;color:#5d6f7e;font-size:11px;min-height:39px;padding:9px 14px;border-radius:6px}.period-tabs button[aria-pressed=true]{background:#172c3e;color:white;box-shadow:0 2px 5px #1c2a371c}.period-toolbar select{padding:11px;border:1px solid var(--line);border-radius:7px;color:#3c5061;background:white;font-size:12px}.period-caption{font-size:10px;color:#708496;line-height:1.8;margin:10px 0 20px}.date-notice{background:#faf6e8;border:1px solid #e8dec1;padding:11px 14px;border-radius:7px;font-size:10px;line-height:1.8;color:#827147;margin-bottom:18px}.metric-explanation{font-size:10px;line-height:1.8;color:#798c9c;padding:0 23px;margin:14px 0 0}.metric-footnote{font-size:10px;line-height:1.8;color:#6e8294;margin:0 0 22px}.milestone-help{grid-column:1/-1;font-size:10px;color:#728596;line-height:1.8;margin:0}@media(max-width:760px){.period-toolbar{gap:10px}.period-tabs{width:100%;justify-content:space-between}.period-tabs button{padding:8px 9px;font-size:10px}.period-caption{font-size:9px}.metric-explanation{padding:0 18px}}

.stock-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.stock-summary>div{background:white;border:1px solid var(--line);border-radius:9px;padding:18px}.stock-summary strong{font-size:26px;display:block;margin-top:11px}.stock-summary span{font-size:11px;color:#6c8092}.stock-summary>div:first-child{background:#172c3e;color:white}.stock-summary>div:first-child span{color:#b4c6d6}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stock-card{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden}.stock-card-top{padding:18px 20px;background:#e3eaf0;display:flex;align-items:center;justify-content:space-between}.stock-card-top strong{font-size:12px;letter-spacing:1.5px}.stock-card-body{padding:20px}.stock-card h2{font-size:18px;line-height:1.5;margin:8px 0}.stock-code{font-size:10px;color:#778a9b;letter-spacing:1px}.stock-variant{font-size:11px;color:#6f8394;min-height:18px}.stock-specs{font-size:11px;color:#576979;line-height:2;margin:13px 0}.stock-price{font-size:20px;display:block;margin:13px 0 4px}.stock-price small{font-size:10px;font-weight:400}.stock-card .secondary{width:100%;font-size:11px;margin-top:14px;min-height:42px}.stock-updated{font-size:10px;color:#778a9b;line-height:1.8}#stock-error{font-size:12px;color:#a14e3c}.stock-status{border-radius:5px;padding:6px 8px;font-size:10px;background:white;color:#3c5b77}.stock-status.reserved{color:#9a713c;background:#fff5df}.stock-status.sold{color:#798c9c;background:#edeff1}.stock-result{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#728697;margin:15px 0}.stock-readonly{font-size:11px;line-height:1.8;color:#6b7f91;margin-bottom:20px}#stock-form input:disabled,#stock-form select:disabled,#stock-form textarea:disabled{opacity:1;color:#334250;background:#f3f6f9;-webkit-text-fill-color:#334250}@media(max-width:1100px){.stock-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){nav button{width:16.666%;padding-left:2px;padding-right:2px}nav button span{font-size:8px}.stock-summary{grid-template-columns:1fr 1fr;gap:10px}.stock-summary>div{padding:15px}.stock-grid{grid-template-columns:1fr}.stock-card-body{padding:18px}}

/* Nithiboon Work Place — light blue and white */
:root{--green:#2467a8;--ink:#203c58;--muted:#6d859c;--line:#dce8f3;--bg:#f5f9fe;--lime:#d6eaff}
.sidebar{background:#eaf4ff;color:#315774;border-right:1px solid #d8e7f5}.logo{color:#204f7d;letter-spacing:.1px;font-size:20px;line-height:1.2;gap:12px}.logo b{background:white;border-color:#b9d6f1;color:#2a6daa;min-width:45px}.logo b span{color:#73b5e5}.logo .logo-subtitle{font-size:13px;color:#6488a8;letter-spacing:1.1px;margin-top:5px;font-weight:500}.nav-label{color:#7999b6}nav button{color:#5a7c9b}nav button.active{background:#d2e7fb;color:#215e94}nav button:hover{background:#dcecfb}.side-bottom{color:#6f8da8}.live-dot{background:#65a9dc}header{background:white}.profile .avatar{background:#deedfb;color:#3d709d}.primary{background:#2467a8}.primary:hover{background:#1d568e}.stat:first-child{background:#dcedfc;color:#214f79;border-color:#c5dff6}.stat:first-child .label,.stat:first-child small{color:#557c9e}.stat-icon{color:#649aca}.bar{background:#8bbbe3}.bar-row:first-child .bar{background:#3c85c0}.dot{background:#6ba6d7}.period-tabs{background:#e9f2fb}.period-tabs button[aria-pressed=true],.record-tabs button[aria-selected=true]{background:#2b6ea9;color:white}.stock-summary>div:first-child{background:#dcedfc;color:#214f79;border-color:#c5dff6}.stock-summary>div:first-child span{color:#557c9e}.stock-card-top{background:#ecf5fd}.stock-status{color:#3972a0}.photo-upload{background:#edf6ff;border-color:#a9cbe8;color:#396c99}.trade-toggle,.check-group summary{background:#edf5fd}.pill,.check-badge{background:#e9f3fd;color:#3e749f}.pill.urgent{background:#fbede7;color:#a5755e}.stock-status.reserved{color:#9a713c;background:#fff5df}.stock-status.sold{color:#7b8791;background:#f0f3f5}progress{accent-color:#4b93cf}#photo-viewer{background:#f1f7fe;color:#204566}#photo-caption{color:#61829f}#toast{background:#255e90}.demo,.date-notice,.consent-note{background:#f4f8fd;border-color:#d7e6f4;color:#6a8096}@media(max-width:760px){.sidebar{border-top:1px solid #c9def0;border-right:0}}

.export-body{padding:26px}.export-intro{font-size:11px;color:#6c859b;line-height:1.9;margin:14px 0}.export-trigger{font-size:11px;white-space:nowrap;padding:9px 11px}.export-trigger[hidden]{display:none}#export-counts{background:#edf5fd;border-radius:8px;padding:15px;font-size:12px;color:#426c90;margin:20px 0}#export-message{font-size:11px;line-height:1.8;color:#396e9a;overflow-wrap:anywhere}#export-kind{width:100%;margin-top:8px;border:1px solid #d5e4f1;border-radius:7px;padding:12px;color:#3c6385;background:#f8fbff;min-height:44px}@media(max-width:760px){header{gap:8px}.profile{flex-wrap:wrap;justify-content:flex-end}.profile select{max-width:125px}.profile .avatar{display:none}.export-trigger{padding:7px;font-size:9px}.export-body{padding:20px}.breadcrumb{white-space:nowrap}}
.quote-heading-actions,.quote-actions{display:flex;flex-wrap:wrap;gap:7px}.quote-heading-actions button{font-size:11px}.quote-actions{max-width:260px}.quote-help{font-size:11px;line-height:1.9;color:#6b849b}.campaign-list{margin-top:25px}.campaign-list>p{padding:0 22px;font-size:11px;line-height:1.8;color:#68839a}.quote-section-title{margin:24px 0 10px}.quote-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-check{display:flex;align-items:center;gap:7px;margin:6px 0}.quote-check input{width:18px;min-height:18px;margin:0;accent-color:#397bb4}.quote-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.quote-results>div{background:#edf5fd;padding:15px;border-radius:7px}.quote-results small{font-size:10px;color:#6a86a0}.quote-results strong{display:block;font-size:16px;margin-top:9px}.quote-results .quote-negative{background:#fbece8;color:#a05643}#quote-error,#campaign-error{font-size:12px;line-height:1.8;color:#a05643}#quote-modal{width:850px}#quote-save[hidden]{display:none}.customer-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;flex-wrap:wrap;font-size:12px}#customer-quote-modal{width:950px}#customer-quote-frame{border:0;width:100%;height:65dvh;background:white}@media(max-width:760px){nav button{width:14.2857%;font-size:15px}nav button span{font-size:8px}.quote-heading-actions{max-width:150px;justify-content:flex-end}.quote-cost-grid{grid-template-columns:1fr}.quote-results strong{font-size:13px}}

.customer-quote-links{border:1px solid #d4e5f3;background:#f2f8fe;border-radius:8px;padding:15px;margin-top:20px;font-size:11px;line-height:1.8}.customer-quote-links small{color:#7892aa}
.kpi-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-stats .stat{padding:18px 14px}.kpi-stats .value{font-size:30px}.kpi-stats small{line-height:1.8;display:block}.kpi-definitions{font-size:11px;color:#718ba3;line-height:1.9;margin:0 0 22px}.kpi-definitions summary{cursor:pointer}.past-left{display:flex;align-items:center;gap:9px;line-height:1.8;margin:18px 0;font-size:12px;color:#3d6c94}.past-left input{width:19px;height:19px;accent-color:#2c74b1;flex-shrink:0}#past-contact[hidden]{display:none}#past-modal{width:800px}#past-error{font-size:12px;color:#a05643;line-height:1.8}.purchase-detail{display:grid;grid-template-columns:180px 1fr;gap:12px;font-size:12px;line-height:1.8}.purchase-detail dt{color:#7f94a7}.purchase-detail dd{margin:0;color:#355d80;overflow-wrap:anywhere}#past-customer{width:100%;padding:12px;border:1px solid #d7e5f2;border-radius:7px;background:#f7fbff;margin:8px 0 20px;color:#3a6387}@media(max-width:1100px){.kpi-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.kpi-stats{grid-template-columns:1fr 1fr}.kpi-stats .stat:last-child{grid-column:1/-1}nav{overflow-x:auto;justify-content:flex-start}nav button{flex:0 0 16.666%;width:16.666%;font-size:17px}nav button span{font-size:8px}.purchase-detail{grid-template-columns:120px 1fr;font-size:11px}}