@import url('./fonts.css');
:root{--bg:#f4f6fa;--surface:#fff;--soft:#f7f9fc;--ink:#17253e;--muted:#65738a;--line:#e3e9f1;--blue:#2463eb;--blue-soft:#edf3ff;--control:#9aa9be;--green:#207753;--amber:#936016;--red:#b22c42;--shadow:0 3px 12px #23365406;--radius:14px;--ease:cubic-bezier(.2,0,0,1);font-family:Roboto,"Segoe UI",Arial,sans-serif;color-scheme:light}
[data-theme=dark]{--bg:#101722;--surface:#192331;--soft:#202d3e;--ink:#edf3ff;--muted:#a4b5cc;--line:#334358;--blue:#78a9ff;--blue-soft:#223c61;--control:#7186a3;--green:#85d7b0;--amber:#e6c087;--red:#ffa2b3;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Roboto,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Roboto,Roboto,"Segoe UI",Arial,sans-serif}h1{font-size:32px;line-height:1.25;font-weight:800;letter-spacing:-1.25px}h2{font-size:27px;line-height:1.25;letter-spacing:-.9px;font-weight:800}h3{font-size:16px;font-weight:800;letter-spacing:-.35px}small{font-size:12px}button,input,select,textarea,summary,a{transition:background-color 140ms var(--ease),border-color 140ms var(--ease),color 140ms var(--ease),box-shadow 140ms var(--ease)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}svg{vertical-align:middle;flex-shrink:0}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}i[data-icon] svg{width:18px;height:18px}aside{position:fixed;inset:0 auto 0 0;width:256px;background:var(--surface);border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:29px;font-weight:800;letter-spacing:-1.3px;padding:0 10px}.brand:hover{text-decoration:none}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;width:35px;height:35px;border-radius:10px;font:800 30px Roboto;line-height:1;box-shadow:0 4px 10px #2463eb26;padding-bottom:4px}.brand-suffix{font:500 12px Roboto;letter-spacing:0;color:var(--muted);margin-top:6px}.company{display:flex;gap:10px;align-items:center;width:100%;padding:13px 10px;border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:29px 0 18px;text-align:left;color:var(--ink)}.company strong,.profile strong{display:block;font-size:12px;font-weight:650}.company small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.chev{margin-left:auto;color:var(--muted)}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0d3;color:#966223;font-size:11px;font-weight:650;flex-shrink:0}.avatar.blue{background:var(--blue-soft);color:var(--blue);border-radius:8px}.avatar.violet-avatar{background:#eee9ff;color:#7760bb}.menu-search{display:flex;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--line);padding:7px 9px;border-radius:7px;color:var(--muted)}.menu-search input{border:0;background:transparent;min-width:0;width:100%;font-size:11px;padding:0;color:var(--ink)}kbd{font:10px Roboto;border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--muted);background:var(--surface)}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#8390a4;margin:24px 12px 9px}.nav{width:100%;display:flex;align-items:center;gap:11px;padding:11px 13px;min-height:43px;background:transparent;color:var(--muted);border:0;border-radius:8px;font-size:12px;font-weight:550;text-align:left;margin:4px 0}.nav.active{color:var(--blue);background:var(--blue-soft);box-shadow:inset 3px 0 var(--blue)}.nav:hover{background:var(--soft)}.nav b{margin-left:auto;font-size:10px;background:#dce8ff;color:#366fce;border-radius:5px;padding:0 6px}.new{margin-left:auto;font-size:8px;color:var(--blue);border:1px solid #c8d9fb;padding:1px 4px;border-radius:4px;letter-spacing:.5px}.sidebar-bottom{margin-top:auto;padding-top:30px}.site-health{display:flex;gap:9px;background:var(--soft);padding:13px;border-radius:9px;margin-bottom:18px}.site-health strong{font-size:10px;font-weight:600}.site-health p{font-size:10px;color:var(--muted);margin-top:3px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#47b889;flex-shrink:0;margin-top:5px}.density-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px}.density-switch button{width:50%;border:0;border-radius:4px;background:transparent;padding:6px 3px;font-size:10px;color:var(--muted)}.density-switch button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);font-weight:600}.profile{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);margin-top:17px;padding:18px 2px 0;background:none;color:var(--ink);width:100%;text-align:left}.profile>i{margin-left:auto;color:var(--muted)}.shell{margin-left:256px}header{height:69px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 30px}.icon-button{background:var(--surface);border:1px solid var(--line);color:var(--muted);width:35px;height:35px;display:inline-grid;place-items:center;border-radius:7px;flex-shrink:0}.icon-button:hover{background:var(--blue-soft);color:var(--blue)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb span{color:#a5b0c0}.breadcrumb strong{color:var(--ink);font-weight:550}.global-search{margin-left:auto;display:flex;gap:10px;align-items:center;text-align:left;color:var(--muted);font-size:12px;border:1px solid var(--line);background:var(--soft);border-radius:7px;padding:8px 10px;width:300px}.global-search kbd{margin-left:auto}.header-tools{display:flex;gap:10px;align-items:center;margin-left:10px}.notification{position:relative}.notification b{position:absolute;top:-5px;right:-5px;font-size:9px;line-height:15px;width:15px;background:var(--blue);border-radius:50%;color:#fff;border:1px solid var(--surface)}main{padding:30px;max-width:1660px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.overline{font-size:9px;letter-spacing:1.5px;font-weight:650;color:var(--muted);margin-bottom:9px}.page-heading p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.7}.accent{color:var(--blue)}.button{min-height:39px;padding:8px 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 1px 2px #10234405}.button:hover{background:var(--soft);text-decoration:none}.button.primary{background:#2463eb;color:#fff;border-color:#2463eb;box-shadow:0 3px 7px #2463eb20}.button.primary:hover{background:#1754d7}.button.white{background:#fff;color:#174993;border:0}.button.small{font-size:11px;min-height:32px;padding:6px 10px}.button.danger-button{background:#bc3447;color:#fff;border-color:#bc3447}.button:active{transform:translateY(1px)}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.end{justify-content:flex-end}.gap-block{margin-top:22px}.hero{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:10px;background:linear-gradient(115deg,#173b75,#23519a 58%,#2a5baa);border:1px solid #2d5596;border-radius:16px;padding:29px 30px;color:white;margin-bottom:24px;overflow:hidden;position:relative;box-shadow:0 6px 20px #1b489e12}.hero-copy{z-index:1}.hero-label{font-size:8px;letter-spacing:1px;color:#bdd4f8;display:flex;gap:7px;align-items:center}.hero-label .status-dot{margin:0}.hero h2{font-size:35px;font-weight:750;line-height:1.15;letter-spacing:-1px;margin:14px 0 12px}.hero p{font-size:12px;color:#bcd0ee;line-height:1.7}.hero .button{margin-top:20px;min-height:35px;font-size:11px}.hero-drawing{position:relative;align-self:center}.hero-drawing svg{width:100%;opacity:.85}.drawing-tag{position:absolute;bottom:13px;right:5px;padding:10px 14px;background:#ffffff12;border:1px solid #ffffff25;border-radius:8px;backdrop-filter:blur(5px)}.drawing-tag>span{font-size:7px;letter-spacing:1px;color:#b8d0f7;display:block}.drawing-tag strong{font-size:11px;font-weight:550;display:flex;gap:6px;margin-top:4px}.hero-side{padding:6px 0 6px 26px;border-left:1px solid #ffffff20;display:grid;align-content:center;gap:24px;margin-left:15px}.hero-side small{font-size:10px;color:#bed1ef}.hero-side strong{display:block;font:750 27px Roboto;margin-top:6px;letter-spacing:-.7px}.hero-side strong span{font-size:15px;color:#b3cef6;font-weight:500}.hero-side progress{width:100%;height:5px;accent-color:#9dc8ff;display:block;margin-top:12px}.hero-side>p{font-size:9px;display:flex;gap:6px;align-items:center}.hero-side>p svg{width:12px;height:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{padding:20px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:550}.tile-icon{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;flex-shrink:0;background:#edf3ff;color:#487bc5}.tile-icon.blue{background:#eaf2ff;color:#2a68ce}.tile-icon.amber{background:#fff1dd;color:#a37329}.tile-icon.violet{background:#f0eafb;color:#8463b9}.tile-icon.cyan{background:#e8f7f6;color:#298981}.tile-icon.red{background:#ffebee;color:#b84258}.metric strong{display:block;font:800 28px Roboto;letter-spacing:-1px;margin:10px 0 12px}.metric small{font-size:10px;color:var(--muted)}.metric .metric-spark{height:25px;margin-top:12px}.metric .metric-spark svg{width:100%;height:100%}.metric-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden;margin-bottom:24px}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 16px;gap:15px}.card-heading p{font-size:11px;color:var(--muted);margin-top:4px}.card-heading select{font-size:11px}.insight-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.chart-legend{padding:0 24px;display:flex;gap:18px;font-size:10px;color:var(--muted);align-items:center}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3478ec;margin-right:5px}.chart-legend .muted-key{background:#b1c8ed}.chart-unit{margin-left:auto}.chart{padding:18px 24px 5px}.chart svg{width:100%;height:190px}.chart-note{display:flex;align-items:center;gap:10px;padding:13px 23px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.badge{font-size:10px;font-weight:550;background:var(--soft);color:var(--muted);padding:4px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.badge:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.badge.success{color:#287255;background:#eaf7f0}.badge.warning{color:#936016;background:#fff3de}.badge.danger{color:#aa354c;background:#ffebef}.badge.blue-badge{color:#3b72b4;background:#edf4ff}.attention-row{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);display:flex;align-items:center;gap:12px;padding:18px 0;margin:0 23px;width:calc(100% - 46px);text-align:left}.attention-row>span:nth-child(2){flex:1}.attention-row strong{display:block;font-size:12px;font-weight:600}.attention-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.attention-row>i{color:var(--muted)}.attention-row:hover{background:var(--soft)}.attention-footer{padding:17px 23px;display:flex;gap:7px;font-size:10px;color:var(--muted)}.counter{display:inline-block;background:var(--blue-soft);color:var(--blue);font:550 10px Roboto;padding:2px 7px;border-radius:5px;margin-left:4px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:var(--soft);color:var(--muted);font-size:10px;font-weight:550;padding:13px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}td strong{color:var(--ink);font-weight:600}td small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}tbody tr:hover{background:var(--soft)}tr:last-child td{border-bottom:0}.number{text-align:right;font-variant-numeric:tabular-nums}.text-button{border:0;padding:3px 0;background:none;color:var(--blue);font-size:12px;font-weight:550}.text-button:hover{text-decoration:underline}.supplier-cell{display:flex;align-items:center;gap:10px}.supplier-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:#5879ad;font-size:10px;font-weight:600}.progress-cell{display:flex;align-items:center;gap:7px;font-size:10px}.progress-cell progress{width:43px;height:4px;accent-color:#4389d5}.order-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.order-stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;position:relative;overflow:hidden}.order-stat>span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.order-stat strong{display:block;font:800 27px Roboto;letter-spacing:-.8px;margin-top:10px}.order-stat small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.register-top{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 15px}.sample-label{font-size:8px;letter-spacing:1px;color:var(--muted)}.register-toolbar{display:flex;gap:8px;align-items:center;padding:0 20px 16px}.search-field{display:flex;align-items:center;gap:8px;flex:1;min-width:190px;border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:var(--soft);color:var(--muted)}.search-field input{border:0;background:none;padding:0;min-height:22px;width:100%;font-size:12px;outline-offset:7px}.register-toolbar select{font-size:11px;max-width:160px}.quick-filters{padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.quick-filters>span{font-size:10px;font-weight:600;color:var(--muted);margin-right:3px}.chip{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:6px 9px;font-size:10px;display:inline-flex;align-items:center;gap:5px;min-height:29px}.chip.active{background:var(--blue-soft);border-color:#b8d0ff;color:var(--blue);font-weight:600}.chip b{font-size:9px;font-weight:500}.saved-views{padding:11px 20px;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.saved-views .text-button{font-size:10px}.saved-views svg{width:13px;height:13px}.filters{padding:16px 20px;background:var(--soft);display:flex;gap:12px;align-items:flex-end;border-top:1px solid var(--line)}.filters label{font-size:11px;color:var(--muted);display:grid;gap:5px}.register table{min-width:970px}.register th:first-child,.register td:first-child{width:38px;padding-right:0}.register th button{font:inherit;border:0;background:none;color:inherit;display:flex;align-items:center;gap:7px;padding:0}.register th svg{width:12px;height:12px}.table-footer{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.page-number{font-size:11px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:var(--blue)}.bulk{padding:11px 20px;background:var(--blue-soft);display:flex;align-items:center;gap:12px;font-size:11px}.bulk strong{margin-right:auto;color:var(--blue)}.group-row td{background:var(--blue-soft);font-weight:600;color:var(--blue);font-size:11px;padding:10px 18px}.compact td{padding-top:9px;padding-bottom:9px}.compact td small{display:none}input,select,textarea{border:1px solid var(--control);background:var(--surface);color:var(--ink);padding:9px 11px;border-radius:7px;min-height:39px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:#2463eb;padding:0;cursor:pointer}.popover{position:relative}.popover summary{list-style:none;cursor:pointer}.popover summary::-webkit-details-marker{display:none}.popover-panel{position:absolute;right:0;top:calc(100% + 7px);width:210px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 30px #172e5020;padding:14px;z-index:10;border-radius:10px}.choice{display:flex;align-items:center;gap:8px;font-size:12px;min-height:35px;color:var(--ink)}.system-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--surface);padding:30px 35px;border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;margin-bottom:26px}.system-banner h2{font-size:38px;margin:17px 0 13px;line-height:1.15}.system-banner p{font-size:13px;color:var(--muted)}.type-poster>span{font:700 105px Roboto;letter-spacing:-8px;background:linear-gradient(145deg,#2360b5,#8bbaff);background-clip:text;color:transparent;line-height:1.2}.type-poster>div{font-size:11px;color:var(--muted);line-height:1.8}.colour-stack{display:flex;gap:8px;transform:rotate(-13deg);padding-right:10px}.colour-stack i{width:40px;height:170px;background:#2463eb;border-radius:9px;box-shadow:3px 3px 8px #13396315}.colour-stack i:nth-child(2){background:#86b5fa;transform:translateY(15px)}.colour-stack i:nth-child(3){background:#dae9ff;transform:translateY(30px)}.colour-stack i:nth-child(4){background:#17335a;transform:translateY(45px)}.system-tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.system-tabs button{border:0;border-bottom:2px solid transparent;background:none;font-size:12px;color:var(--muted);padding:13px 0;white-space:nowrap}.system-tabs [aria-selected=true]{color:var(--blue);border-color:var(--blue);font-weight:600}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:24px}.swatch{padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0}.swatch i{display:block;height:67px;border-radius:6px;margin-bottom:10px;border:1px solid #17315c10}.swatch strong{display:block;font-size:11px;padding:0 4px}.swatch small{display:block;font-size:10px;color:var(--muted);padding:3px 4px 4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-col>*{min-width:0}.pad{padding:24px}.muted{color:var(--muted);font-size:13px;line-height:1.7;margin-top:9px}.type-row{margin-top:23px;padding-bottom:19px;border-bottom:1px solid var(--line)}.type-row:last-child{border:0;padding-bottom:0}.type-row small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.money-sample{font:650 26px Roboto;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.spacing-demo{display:flex;align-items:flex-end;gap:12px;margin:24px 0}.spacing-demo i{display:block;background:#d8e8ff;border-left:2px solid #4287eb;height:32px}.motion-card{margin-top:22px;padding:17px;background:var(--blue-soft);color:var(--blue);border:1px solid #cbddfc;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:10px}.motion-card.play{animation:enter 180ms var(--ease)}.field{display:grid;gap:7px;font-size:12px;font-weight:550;margin-top:18px}.field small{color:var(--muted);font-size:11px;font-weight:400}.field input,.field select,.field textarea{width:100%;font-size:13px}.error{color:var(--red);font-size:12px;margin-top:12px}[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}fieldset{border:0;padding:0;margin:20px 0 0}legend{font-size:12px;font-weight:600;margin-bottom:8px}.switch{appearance:none;width:35px!important;height:21px!important;border-radius:20px;background:#a0acbd;position:relative;border:0;transition:background 140ms}.switch:before{content:'';width:15px;height:15px;background:white;border-radius:50%;position:absolute;left:3px;top:3px;transition:transform 180ms}.switch:checked{background:#2463eb}.switch:checked:before{transform:translateX(14px)}.disclosure{border:1px solid var(--line);border-radius:8px;padding:13px;font-size:12px}.disclosure summary{cursor:pointer;font-weight:550}.disclosure .choice{margin-top:10px}.alert{display:flex;gap:11px;border:1px solid #cbdcf5;background:#eef5ff;color:#356498;border-radius:9px;padding:16px;margin:19px 0;font-size:12px}.alert strong{display:block;font-weight:650}.alert p{margin-top:3px;font-size:11px}.success-alert{color:#267454;border-color:#c6e5d7;background:#edf8f2}.warning-alert{color:#8c6327;border-color:#efdfbf;background:#fff7e9}.error-alert{color:#a63b50;border-color:#eac5cf;background:#fff0f4}.empty-state{display:grid;justify-items:center;text-align:center;gap:12px;padding:35px 20px;margin-top:25px;border:1px dashed var(--control);border-radius:10px}.empty-state p{color:var(--muted);font-size:12px}.timeline{list-style:none;padding:0;margin:20px 0}.timeline li{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.timeline li>div{flex:1}.timeline strong{font-size:12px}.timeline p{font-size:10px;color:var(--muted);margin-top:4px}.pattern-list{padding-left:17px;color:var(--muted);font-size:12px;line-height:2.3;margin:20px 0}.dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:28px;width:460px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:16px;box-shadow:0 25px 90px #11213e30;overflow:auto}.dialog[open]{animation:enter 220ms var(--ease)}.dialog::backdrop{background:#15233d66;backdrop-filter:blur(3px)}.dialog.drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:15px 0 0 15px;width:470px}.dialog.drawer[open]{animation:slide 220ms var(--ease)}.dialog.wide{width:660px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog h2{margin:15px 0}.dialog #commandSearch{width:100%}.command-results{display:grid;gap:7px;margin-top:14px}.command-results button{text-align:left;justify-content:flex-start}.project-card{border:1px solid var(--line);padding:16px;display:flex;gap:12px;align-items:center;border-radius:10px}.project-card>div{flex:1}.project-card strong{font-size:12px}.project-card p{font-size:11px;color:var(--muted);margin-top:4px}.notification-item{padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.notification-item h3{margin-top:13px}.notification-item p{font-size:12px;color:var(--muted);margin:7px 0 10px}.detail-info{margin:24px 0;display:grid;gap:18px}.detail-info>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.detail-info dt{color:var(--muted)}.detail-info dd{margin:0;text-align:right;font-weight:550}.drawer-total{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--soft);margin:24px 0}.drawer-total span{font-size:12px;color:var(--muted)}.drawer-total strong{display:block;font:800 29px Roboto;margin-top:7px;letter-spacing:-.6px}.form-total{padding:18px;background:var(--blue-soft);border-radius:9px;align-self:end}.form-total span{font-size:11px;color:var(--muted)}.form-total strong{display:block;font-size:22px;color:var(--blue);margin-top:5px}.toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;border:1px solid #405575;background:#1e3557;color:#fff;box-shadow:0 10px 35px #12335730;border-radius:10px;z-index:80;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);font-size:12px;animation:enter 180ms var(--ease)}.toast button{background:transparent;border:1px solid #8c9db6;color:white;border-radius:4px;width:26px;height:26px}.page:not([hidden]),[role=tabpanel]:not([hidden]){animation:enter 180ms var(--ease)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.7px;color:var(--muted);padding:5px 0 12px}footer span{letter-spacing:0;font-size:10px}footer a{letter-spacing:0;font-size:10px}.skip{position:fixed;top:-80px;left:15px;background:var(--surface);padding:10px;z-index:100}.skip:focus{top:10px}.collapsed aside{width:78px;padding:26px 12px}.collapsed .shell{margin-left:78px}.collapsed aside .brand{font-size:0;padding:0 9px}.collapsed aside .brand-suffix,.collapsed .company,.collapsed .menu-search,.collapsed .nav-label,.collapsed .sidebar-bottom,.collapsed .nav b,.collapsed .nav .new{display:none}.collapsed .nav{font-size:0;padding:12px;justify-content:center;margin-top:10px}.collapsed aside .brand-icon{font-size:30px;flex-shrink:0}
@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1700px){main{padding:34px 40px}.hero{padding:32px 36px}.hero h2{font-size:42px}.hero-drawing svg{max-height:260px}.hero-side strong{font-size:31px}.metric{padding:23px}.chart svg{height:215px}}
@media(max-width:1250px){aside{width:225px;padding:24px 14px}.shell{margin-left:225px}main{padding:25px}header{padding:0 25px}.hero{grid-template-columns:1.3fr 1fr;padding:25px}.hero-drawing{display:none}.hero-side{border-left:1px solid #ffffff20}.global-search{width:235px}.page-heading{align-items:flex-start}h1{font-size:28px}.metric{padding:16px}.metric strong{font-size:24px}.metric-grid{gap:12px}.register-toolbar{flex-wrap:wrap}.search-field{flex-basis:40%}.order-stat{padding:16px}.order-stat strong{font-size:24px}.insight-grid{grid-template-columns:1.3fr 1fr}.two-col{gap:18px}}
@media(max-width:950px){aside{width:78px;padding:25px 12px}.shell{margin-left:78px}aside .brand{font-size:0;padding:0 9px}aside .brand-suffix,.company,.menu-search,.nav-label,.sidebar-bottom,.nav b,.nav .new{display:none}.nav{font-size:0;padding:12px;justify-content:center;margin-top:10px}aside .brand-icon{font-size:30px;flex-shrink:0}.page-heading{flex-wrap:wrap}.insight-grid{grid-template-columns:1fr}.global-search{width:210px}.header-tools{gap:6px;margin-left:0}.breadcrumb{font-size:10px}.two-col{grid-template-columns:1fr}.colour-stack{display:none}.swatches{grid-template-columns:repeat(3,1fr)}.metric-grid,.order-summary{grid-template-columns:repeat(2,1fr)}.card{margin-bottom:20px}}
@media(max-width:600px){aside,.collapsed aside{position:static;width:100%;height:auto;flex-direction:row;align-items:center;gap:14px;padding:12px 16px;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}aside .brand,.collapsed aside .brand{padding:0;font-size:0}nav{display:flex;gap:6px;flex:1;justify-content:flex-end}.nav,.collapsed .nav{width:auto;min-height:38px;margin:0;padding:9px}.nav[data-info]{display:none}.shell,.collapsed .shell{margin-left:0}header{height:55px;padding:0 16px;gap:8px}.global-search{font-size:0;width:35px;padding:8px}.global-search kbd{display:none}.header-tools>.avatar{display:none}#collapse{display:none}.breadcrumb{font-size:10px;gap:7px}.icon-button{width:32px;height:32px}main{padding:23px 16px}.page-heading{margin-bottom:21px;gap:16px}h1{font-size:27px;letter-spacing:-1px}.page-heading p{font-size:12px}.overline{font-size:8px;letter-spacing:1.2px}.button{min-height:42px;font-size:11px}.hero{grid-template-columns:1fr;padding:24px;gap:26px}.hero h2{font-size:34px}.hero-side{display:flex;gap:26px;align-items:flex-start;padding:20px 0 0;margin:0;border-left:0;border-top:1px solid #ffffff20}.hero-side>p{display:none}.hero-side strong{font-size:25px}.hero-side>div{flex:1}.hero p br{display:none}.hero-label{font-size:7px}.metric-grid,.order-summary{gap:10px}.metric{padding:14px}.metric-top{font-size:10px;gap:5px}.metric-top .tile-icon{width:25px;height:25px;border-radius:7px}.metric-top svg{width:14px;height:14px}.metric strong{font-size:23px}.metric small{font-size:9px}.metric-bottom{gap:6px;flex-wrap:wrap}.card-heading{padding:18px 17px}.card-heading h3{font-size:15px}.card-heading p{font-size:10px}.chart{padding:18px 12px 5px}.chart svg{height:auto}.chart-note{padding:13px 17px;font-size:9px}.chart-legend{padding:0 17px;font-size:9px}.attention-row{margin:0 17px;width:calc(100% - 34px)}.order-stat{padding:15px}.order-stat>span{font-size:10px}.order-stat strong{font-size:24px}.order-stat small{font-size:9px}.register-top{padding:17px}.register-toolbar{padding:0 16px 14px;gap:7px}.search-field{flex-basis:100%}.register-toolbar .button,.register-toolbar select{min-height:35px;font-size:10px}.quick-filters{padding:12px 16px}.quick-filters>span{width:100%;margin-bottom:3px}.chip{font-size:9px}.saved-views{padding:12px 16px}.filters{flex-direction:column;align-items:stretch;padding:15px}.table-footer{padding:14px;font-size:10px;flex-wrap:wrap;gap:12px}.table-footer .button{min-height:32px}.system-banner{padding:25px;gap:10px}.system-banner h2{font-size:31px}.system-banner p{font-size:11px}.type-poster{display:none}.system-tabs{gap:23px}.system-tabs button{font-size:11px}.swatches{gap:9px}.swatch strong{font-size:10px}.swatch small{font-size:9px}.swatch i{height:54px}.pad{padding:20px}.type-row h2[style]{font-size:29px!important}.type-row h2{font-size:25px}.spacing-demo{gap:8px}.dialog{padding:22px}.dialog.drawer{width:calc(100vw - 14px);max-width:none}.dialog h2{font-size:24px}.detail-info>div{font-size:11px}.project-card{flex-wrap:wrap}.bulk{flex-wrap:wrap;padding:12px}.bulk strong{width:100%}footer{flex-wrap:wrap;gap:9px}footer span{font-size:9px}.toast{bottom:16px;right:16px}.timeline{font-size:11px}.timeline li{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:active{transform:none}}
[data-motion=reduce] *,[data-motion=reduce] *::before,[data-motion=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-motion=reduce] .button:active{transform:none}
#materialLines select{min-width:220px;max-width:280px}#materialLines input{width:90px;text-align:right}.upload-zone{padding:20px;border:1px dashed var(--control);border-radius:10px;background:var(--soft)}.upload-zone input{border:0;padding:0;max-width:100%;font-size:11px}.comments article{padding:15px;border:1px solid var(--line);border-radius:8px;margin-top:14px;font-size:12px}.comments small,.comments p{color:var(--muted);font-size:11px;margin-top:7px}.comments p{white-space:pre-wrap;overflow-wrap:anywhere}#lineSubtotal{font-size:21px;font-variant-numeric:tabular-nums}
/* Reference admin measurements: Roboto, 24/32 heading, neutral surfaces, blue actions. */
:root{--bg:#f3f4f6;--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--blue:#2563ff;--blue-soft:#eaf0ff;--soft:#f3f3f5;--control:#d1d5db;--radius:12px}body{font:14px/20px Roboto,"Segoe UI",Arial,sans-serif}h1,h2,h3,.brand{font-family:Roboto,"Segoe UI",Arial,sans-serif;letter-spacing:-.3px}h1{font-size:24px;line-height:32px;font-weight:600;color:var(--ink)}h2{font-size:20px;line-height:28px;font-weight:600}h3{font-size:18px;line-height:24px;font-weight:600}.overline{display:none}aside{top:64px;width:256px;padding:16px 18px;border-right:1px solid #e5e7eb}.brand{font-size:19px;padding:0 8px;margin-bottom:16px;letter-spacing:-.3px}.brand-icon{width:28px;height:28px;border-radius:4px;font:600 18px Roboto;box-shadow:none;padding:0}.brand-suffix{font-size:11px}.company{display:none}.menu-search{padding:0 10px;height:32px;border-radius:6px}.menu-search input{font-size:14px;min-height:28px}.menu-search kbd{display:none}.nav{font-size:14px;font-weight:500;min-height:34px;padding:8px 12px;border-radius:6px;color:var(--muted)}.nav-label{font-size:11px;letter-spacing:1.5px;margin-top:22px;font-weight:600}.nav.active{box-shadow:inset 3px 0 var(--blue)}.site-health{display:none}.density-switch{border-radius:4px;padding:2px}.density-switch button{font-size:12px;padding:4px}.profile{padding-top:12px}.profile small{font-size:11px}header{position:fixed;inset:0 0 auto 0;height:64px;z-index:30;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface)}.global-search{margin-left:auto;margin-right:auto;width:450px;height:36px;font-size:14px;background:var(--surface);border-radius:6px}.breadcrumb{font-size:12px}.shell{padding-top:64px;margin-left:256px}main{padding:32px 24px;max-width:none}.page-heading{margin-bottom:20px}.page-heading p{font-size:14px;line-height:20px;margin-top:6px}.page-heading .button{min-height:32px}.button{height:auto;min-height:32px;border-radius:6px;padding:5px 10px;font-size:14px;line-height:20px;font-weight:500;box-shadow:none}.button.primary{box-shadow:0 1px 3px #0001;background:#2563ff;border-color:#2563ff}.button.small{font-size:12px;min-height:28px}.icon-button{width:34px;height:34px;border-radius:6px}.card{box-shadow:0 2px 4px #0f172a06;border-color:#dfe6f0}.card-heading{padding:18px 20px}.card-heading p{font-size:12px}.metric{border-radius:12px;padding:16px}.metric-top{font-size:12px;text-transform:uppercase}.metric strong{font-family:Roboto;font-size:26px;font-weight:700;letter-spacing:0}.metric small{font-size:12px}.metric-grid{gap:16px}.tile-icon{border-radius:9px}.register-top{display:none}.register-toolbar{padding:10px 16px;gap:8px}.register-toolbar select{height:32px;min-height:32px;background:var(--soft);font-size:14px;padding:5px 10px;max-width:165px}.search-field{background:var(--soft);height:32px;min-height:32px;border-radius:6px;padding:4px 10px}.search-field input{font-size:14px}.register-toolbar .button{font-size:14px;background:var(--surface)}.quick-filters{padding:8px 16px}.quick-filters>span{font-size:12px}.chip{border-radius:999px;font-size:12px;padding:4px 11px;min-height:28px}.chip b{font-size:11px}.saved-views{padding:10px 16px;font-size:12px}.saved-views .text-button{font-size:14px}.text-button{font-size:14px}th{background:var(--surface);font-size:14px;font-weight:500;padding:12px 10px;color:#737373}td{padding:14px 10px;font-size:14px;color:var(--muted)}td strong{font-weight:500}td small{font-size:12px}.register table{min-width:1080px}.register th:first-child,.register td:first-child{padding-left:10px}.register td .text-button{color:var(--ink);font-weight:600}.supplier-mark{display:none}.supplier-cell{gap:0}.badge{border-radius:4px;font-size:12px;padding:3px 8px;font-weight:500}.table-footer{padding:18px 24px;font-size:14px}.order-stat{padding:16px;border-radius:10px}.order-stat strong{font-family:Roboto;font-size:24px;font-weight:700;letter-spacing:0}.order-stat>span,.order-stat small{font-size:12px}.order-summary{gap:16px}.field{font-size:14px;font-weight:500}.field input,.field select,.field textarea{font-size:14px}.field small{font-size:12px}input,select,textarea{min-height:36px;border-radius:6px;padding:7px 10px;background:var(--soft);border-color:#e5e5e5}input[type=checkbox]{width:16px;height:16px}.reference-note{padding:16px 20px;display:flex;align-items:center;gap:13px;border:1px solid #dce5f5;border-left:3px solid var(--blue);border-radius:8px;background:var(--surface);margin-bottom:22px}.reference-note>i{color:var(--blue)}.reference-note>div{flex:1}.reference-note strong{font-size:14px;font-weight:600}.reference-note p{font-size:12px;color:var(--muted);margin-top:4px}.project-bar{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:22px}.project-bar strong{font-size:14px}.project-bar p{font-size:12px;color:var(--muted);margin-top:4px}.project-budget{margin-left:auto;font-size:12px;color:var(--muted)}.project-budget strong{display:block;font-size:20px;color:var(--ink);margin-top:4px}.system-tabs{gap:24px}.system-tabs button{font-size:14px;padding:12px 0}.swatch strong{font-size:14px;font-weight:500}.swatch small{font-size:12px}.swatch i{height:54px}.type-row small{font-size:11px}.type-row h2{font-size:20px}.money-sample{font:600 24px Roboto}.muted{font-size:14px;line-height:21px}.choice{font-size:14px}.alert{font-size:14px}.alert p{font-size:12px}.timeline strong{font-size:14px}.timeline p{font-size:12px}.pattern-list{font-size:14px;line-height:2}.disclosure{font-size:14px}.bill-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px;gap:14px}.form-total strong{font-size:24px;font-family:Roboto}.dialog{border-radius:8px}.dialog h2{font-size:20px}.dialog.drawer{border-radius:10px 0 0 10px}.detail-info>div{font-size:14px}.toast{font-size:14px;border-radius:8px}.collapsed aside{top:64px}.compact td{padding-top:8px;padding-bottom:8px}.compact td small{display:block;font-size:11px}[data-theme=dark]{--bg:#0f172a;--surface:#182231;--soft:#222e40;--ink:#f1f5f9;--muted:#b3c0d2;--line:#354256;--control:#66758c;--blue:#7eabff;--blue-soft:#243d64}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:var(--line)}[data-theme=dark] th{color:var(--muted)}
@media(max-width:1250px){h1{font-size:24px}.global-search{width:330px}.register-toolbar{flex-wrap:wrap}.metric strong{font-size:24px}}@media(max-width:950px){aside{width:78px}.shell{margin-left:78px}.brand-suffix{display:none}.global-search{width:260px}.profile{display:none}.nav{font-size:0}.nav-label{display:none}.brand{font-size:0}.project-budget strong{font-size:18px}}@media(max-width:600px){aside,.collapsed aside{position:static;width:100%;padding:12px 16px;margin-top:64px}.shell,.collapsed .shell{padding-top:0;margin:0}header{height:64px}.global-search{width:34px;margin:0 0 0 auto;font-size:0}.brand{margin:0}.nav,.collapsed .nav{font-size:0;padding:8px}.nav-label{display:none}.nav .new{display:none}main{padding:23px 16px}h1{font-size:24px}.page-heading p{font-size:13px}.button{font-size:13px;min-height:38px}.reference-note{flex-wrap:wrap;padding:15px}.reference-note>div{min-width:220px}.reference-note .button{width:100%}.project-bar{flex-wrap:wrap}.project-budget{margin:0}.system-tabs button{font-size:13px}.swatch strong{font-size:11px}.swatch small{font-size:10px}.type-row h2[style]{font-size:24px!important}.metric-top{font-size:10px}.metric small{font-size:10px}.metric strong{font-size:23px}.order-stat strong{font-size:24px}.order-stat>span,.order-stat small{font-size:11px}.register-toolbar .button,.register-toolbar select{font-size:12px}.table-footer{font-size:12px}.filters{align-items:stretch}.two-col{gap:18px}.project-bar .badge{margin-left:auto}.dialog .detail-info>div{font-size:12px}}