:root{color-scheme:dark;--bg:#0b121b;--panel:#121e2b;--line:#2b3b4c;--text:#edf4fa;--muted:#a8b9c9;--cyan:#79e4ed;--amber:#f7c17a;--red:#ff9b9c;--green:#9ad5ad;font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}p{color:var(--muted)}h2{font-size:1.25rem;margin-bottom:8px}h3{font-size:.94rem;margin-bottom:5px}.small{font-size:.79rem;line-height:1.6}.eyebrow{font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;border:1px solid var(--line);padding:10px 14px;font-size:.76rem;line-height:1.45;font-weight:750;text-decoration:none;color:var(--text);background:#192838}.button:hover:not(:disabled){border-color:#84a1b6;background:#203448}.button.primary{background:var(--cyan);color:#072127;border-color:var(--cyan)}.button.primary:hover:not(:disabled){background:#a4f1f5}.button.quiet{background:transparent}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:10px;top:-100px;z-index:200;background:var(--cyan);color:#072127;padding:12px}.skip:focus{top:10px}.topbar{padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#0b121b}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand img{border-radius:50%}.brand>span{font-size:.78rem;font-weight:850;letter-spacing:.08em}.brand small{display:block;font-size:.63rem;font-weight:450;color:var(--muted);letter-spacing:0}.top-links{display:flex;align-items:center;gap:25px}.top-links>a:first-child{font-size:.75rem;text-decoration:none;color:#becddb}.contact-link{border-color:#466b77;color:var(--cyan);background:#79e4ed07}.demo-notice{display:flex;align-items:center;justify-content:center;gap:10px 14px;flex-wrap:wrap;padding:10px 24px;background:#79e4ed08;border-bottom:1px solid #79e4ed20;font-size:.72rem;color:#b2cbd4}.demo-notice strong{color:var(--cyan);font-size:.7rem}.demo-dot,.tiny-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;flex-shrink:0}.app-shell{max-width:1680px;display:grid;grid-template-columns:215px minmax(0,1fr);margin:auto}.sidebar{padding:29px 18px;border-right:1px solid var(--line);background:#0d1620;display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:750;letter-spacing:-.03em}.app-brand small{display:block;color:var(--muted);font-weight:400;font-size:.63rem;letter-spacing:0}.app-mark{width:34px;height:37px;display:grid;place-items:center;border:1px solid #79e4ed45;border-radius:9px;color:var(--cyan);background:#79e4ed08;font-size:1.7rem}.sidebar-label{font-size:.65rem;color:#9db0c3;margin:27px 0 12px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.view-button{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:12px;border-radius:9px;border:1px solid transparent;background:none;color:#b2c3d3;font-size:.8rem;text-align:left}.view-button.active{background:#79e4ed0b;color:#b9f4f6;border-color:#79e4ed38}.view-button:hover{background:#ffffff07}.nav-count{font-size:.65rem;background:#ffffff09;border-radius:5px;padding:2px 6px;min-width:24px;text-align:center}.sidebar-foot{margin-top:auto;padding-top:65px;font-size:.69rem;color:#c1d3df}.sidebar-foot .tiny-dot{display:inline-block;margin-right:6px}.sidebar-foot p{font-size:.64rem;margin-top:10px;color:#8fa5b8}main{padding:35px 32px 20px;min-width:0;outline:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:27px}.page-heading h1{font-size:clamp(1.8rem,2.7vw,2.65rem);margin-bottom:12px;letter-spacing:-.045em}.mobile-break{display:none}.page-heading>div>p:last-child{font-size:.84rem;max-width:520px;margin-bottom:0}.page-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:3px}.page-controls .button{font-size:.68rem;padding:9px 11px;white-space:nowrap}.metrics{display:grid;grid-template-columns:.8fr 1fr .8fr 1.2fr;gap:13px}.metrics article{background:linear-gradient(140deg,#172434,#101b27);border:1px solid var(--line);border-radius:12px;padding:18px 19px;min-width:0}.metrics article>span{font-size:.7rem;color:#b4c6d5;display:block}.metrics strong{font-size:1.9rem;line-height:1.4;font-weight:750;display:block;letter-spacing:-.05em;margin:4px 0}.metrics small{display:block;color:#93a9bc;font-size:.62rem}.metrics .metric-alert{border-color:#f7c17a4a;background:linear-gradient(135deg,#f7c17a0b,#121e2b)}.metric-alert strong{color:var(--amber)}.try-it{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 0;border:1px solid #40586b;background:#152333;padding:18px 20px;border-radius:12px}.try-label{display:block;font-size:.59rem;text-transform:uppercase;letter-spacing:.13em;color:var(--cyan);font-weight:800;margin-bottom:7px}.try-it h2{font-size:.94rem;margin:0}.try-it ol{display:flex;gap:16px;list-style:none;padding:0;margin:0;font-size:.66rem;color:#b4c7d7}.try-it li{display:flex;gap:6px;align-items:center;max-width:140px}.try-it li b{font-size:.57rem;color:var(--cyan);border:1px solid #47606e;border-radius:50%;display:grid;place-items:center;flex-shrink:0;width:21px;height:21px}.try-it>.button{white-space:nowrap;font-size:.7rem}.announcement{font-size:.76rem;color:#b3d6df;min-height:48px;display:flex;align-items:center;padding:10px 0;overflow-wrap:anywhere}.announcement.error{color:var(--amber)}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 23px 17px}.panel-heading p{margin-bottom:0}.sample-tag{display:inline-block;white-space:nowrap;font-size:.58rem;border:1px solid #456076;border-radius:5px;padding:4px 7px;color:#aabfd0;background:#ffffff02}.filters{display:flex;gap:10px;padding:0 23px 18px}.filters>label:first-child{flex:1;min-width:0}.filters input,.filters select{width:100%;min-width:0;padding:10px 11px;font-size:.76rem;border:1px solid #3b5165;border-radius:7px;background:#0d1825;color:var(--text);min-height:41px}.filters input::placeholder{color:#91a7bb}.row-labels,.stock-row{display:grid;grid-template-columns:minmax(185px,1.5fr) minmax(115px,1fr) 100px 99px;gap:15px;align-items:center}.row-labels{padding:9px 23px;background:#0b152133;color:#8ea6ba;font-size:.61rem;letter-spacing:.02em;border-block:1px solid #293c4e}.stock-row{padding:19px 23px;border-bottom:1px solid #273849}.stock-row:last-child{border-bottom:0}.item-identity{display:flex;align-items:center;gap:10px;min-width:0}.item-identity h3{font-size:.82rem;letter-spacing:-.02em;line-height:1.4;margin-bottom:3px}.item-identity p{font-size:.59rem;color:#91a9be;margin:0}.item-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:34px;border:1px solid #40556a;border-radius:7px;font-size:.64rem;font-weight:750;color:#b8d1e5;background:#1d2e40}.item-icon.low{border-color:#f7c17a55;color:var(--amber);background:#f7c17a09}.item-icon.out{border-color:#ff9b9c55;color:var(--red);background:#ff9b9c09}.stock-count>div{font-size:.64rem;color:#8ca7bd;white-space:nowrap}.stock-count strong{font-size:1.13rem;color:var(--text);letter-spacing:-.02em}.stock-count small{display:block;font-size:.57rem;color:#8ea6ba}progress{appearance:none;-webkit-appearance:none;display:block;margin:4px 0;height:4px;border:0;border-radius:5px;overflow:hidden;width:100%;max-width:115px;background:#2b3f52}progress::-webkit-progress-bar{background:#2b3f52}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}progress.low::-webkit-progress-value{background:var(--amber)}progress.out::-webkit-progress-value{background:var(--red)}progress.low::-moz-progress-bar{background:var(--amber)}.stock-label{display:inline-block;justify-self:start;border:1px solid #9ad5ad44;border-radius:30px;padding:4px 8px;color:var(--green);background:#9ad5ad08;font-size:.59rem;font-weight:650;white-space:nowrap}.stock-label.low{border-color:#f7c17a44;color:var(--amber);background:#f7c17a08}.stock-label.out{border-color:#ff9b9c44;color:var(--red);background:#ff9b9c08}.row-action{font-size:.65rem;min-height:36px;background:#1c2d3e;padding:8px 10px;border-color:#41596f;white-space:nowrap}.panel-footnote{padding:16px 23px;margin:0;background:#0b152133;border-top:1px solid #293c4e;font-size:.66rem;line-height:1.7;color:#8fa8bd}.draft-preview{padding:23px;position:sticky;top:20px}.draft-preview .panel-heading{padding:0;margin-bottom:15px}.draft-preview h2{font-size:1.13rem}.draft-preview .eyebrow{font-size:.57rem}.draft-preview>.small{font-size:.73rem}.preview-item{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:10px 0;border-top:1px solid #2b3c4e;font-size:.68rem}.preview-item strong{white-space:nowrap;font-size:.64rem;color:#bdd1df}.empty-draft{font-size:.7rem;color:#8da6bb;padding:15px 0;border-block:1px dashed #3a5063}.draft-summary{margin:20px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.draft-summary span{font-size:.65rem;color:#a2b7c7}.draft-summary strong{font-size:1.1rem;letter-spacing:-.03em}.draft-preview .button{font-size:.7rem;margin-bottom:10px}.draft-preview .fine-print{font-size:.63rem;margin:4px 0 0}.empty-state{text-align:center;padding:45px 20px}.empty-state>span{font-size:2rem;color:var(--cyan);display:block;margin-bottom:15px}.empty-state h3{font-size:1.12rem}.empty-state p{font-size:.8rem;max-width:410px;margin:10px auto 20px}.reorder-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 90px;gap:25px;align-items:center;padding:21px 25px;border-top:1px solid var(--line)}.reorder-identity h3{font-size:1rem}.reorder-identity p{font-size:.7rem;margin:4px 0 0}.draft-quantity{font-size:.67rem;color:#c1d3df}.draft-quantity input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #486075;border-radius:7px;background:#0b1522;color:var(--text);font-size:.93rem}.draft-quantity input[aria-invalid=true]{border-color:var(--red);outline:1px solid var(--red)}.remove-action{font-size:.7rem;background:transparent}.reorder-totals{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-top:1px solid var(--line)}.reorder-totals span{font-size:.85rem}.reorder-totals p{font-size:.68rem;margin:7px 0 0}.reorder-totals>strong{font-size:1.6rem;letter-spacing:-.04em}.reorder-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 24px 24px}.reorder-actions .small{font-size:.68rem;color:#8fa8bd}.field-error{font-size:.76rem;line-height:1.6;color:#ffc2be;margin:0}.field-error:empty{display:none}#draft-error{padding:15px 24px}#copy-fallback{margin:0 24px 24px;font-size:.8rem}#copy-fallback summary{cursor:pointer;margin-bottom:12px}#copy-text{width:100%;padding:15px;border:1px solid #415b70;background:#0b1522;color:var(--text);font-size:.8rem;line-height:1.6;border-radius:7px;resize:vertical}.activity-list{list-style:none;padding:0 24px;margin:0}.activity-list li{display:flex;align-items:flex-start;gap:14px;padding:20px 0;border-top:1px solid var(--line)}.activity-marker{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin-top:7px;flex-shrink:0}.activity-list p{color:#cadae6;margin:0 0 5px;font-size:.86rem}.activity-list time{color:#92aabe;font-size:.68rem}.build-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;border:1px solid #3e5a6a;border-radius:14px;background:linear-gradient(110deg,#162b36,#111c2b);padding:27px}.build-cta h2{font-size:1.4rem}.build-cta p:last-child{max-width:680px;font-size:.8rem;margin-bottom:0}.build-cta .button{white-space:nowrap;font-size:.73rem}.demo-footer{display:flex;justify-content:space-between;gap:20px;color:#8ea7bd;font-size:.65rem;padding:25px 0 0}.demo-footer a{text-decoration:none}.notice{padding:20px;border:1px solid var(--amber);margin-bottom:20px;font-size:.85rem}dialog{color:var(--text);background:#142231;border:1px solid #4a6479;border-radius:16px;padding:25px;width:min(460px,calc(100% - 30px));max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#030911b8;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.dialog-top .eyebrow{margin:0}.close-button{border:0;background:none;color:#adc4d5;width:36px;height:36px;font-size:1.8rem;line-height:1}.dialog-top+h2{font-size:1.7rem;margin:0 0 10px}dialog label{display:block;margin:20px 0;color:#c4d6e2;font-size:.8rem}dialog input,dialog select{display:block;width:100%;padding:12px;border-radius:8px;border:1px solid #486277;color:var(--text);background:#0b1724;margin-top:8px;font-size:1rem}dialog .small{font-size:.78rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:22px}[hidden]{display:none!important}
@media(max-width:1400px){.inventory-layout{grid-template-columns:minmax(0,1fr)}.draft-preview{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.draft-preview .panel-heading,.draft-preview>#draft-hint{grid-column:1}.draft-preview>#draft-preview-list{grid-column:2;grid-row:1/5}.draft-preview>.draft-summary{grid-column:1;margin:10px 0 18px}.draft-preview>.button{grid-column:1}.draft-preview>.fine-print{grid-column:1/-1;margin-top:6px}.try-it{flex-wrap:wrap}.try-it>ol{order:3;flex:1 0 100%;gap:28px}.try-it li{max-width:none}.metrics strong{font-size:1.6rem}.metrics article{padding:17px 15px}.page-heading{flex-wrap:wrap}.page-controls{justify-content:flex-start;padding:0}.build-cta{flex-wrap:wrap}}
@media(max-width:1050px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding:25px 12px}.app-brand{font-size:1.12rem}.sidebar-label{font-size:.58rem}.view-button{font-size:.74rem;padding:10px 8px}.sidebar-foot{font-size:.63rem}main{padding:28px 22px 20px}.metrics{grid-template-columns:1fr 1fr}.row-labels,.stock-row{grid-template-columns:minmax(165px,1.4fr) minmax(95px,1fr) 89px;gap:12px}.row-labels span:last-child{display:none}.stock-row .row-action{grid-column:1;justify-self:start;margin-left:42px;min-height:32px}.stock-row{padding:17px}.row-labels{padding-inline:17px}.stock-count small{font-size:.55rem}.stock-label{font-size:.55rem}.filters,.panel-heading{padding-inline:17px}.topbar{padding-inline:22px}.top-links{gap:15px}.contact-link{font-size:.68rem}.reorder-row{gap:15px;grid-template-columns:minmax(0,1fr) 110px 75px;padding:20px}.try-it>ol{gap:15px}.try-it li{font-size:.63rem}}
@media(max-width:760px){.app-shell{display:block}.sidebar{padding:17px 20px 12px;border-right:0;border-bottom:1px solid var(--line)}.app-brand{font-size:1.1rem}.app-mark{height:30px;width:30px;font-size:1.5rem}.sidebar-label{margin:12px 0 9px}.sidebar nav{flex-direction:row;gap:8px}.view-button{flex:1;justify-content:center;gap:10px;padding:10px;white-space:nowrap;font-size:.75rem}.sidebar-foot{display:none}.topbar{padding:13px 18px}.top-links>a:first-child{display:none}.top-links .contact-link{font-size:.66rem;padding:9px 11px}.brand>span{font-size:.7rem}.brand small{font-size:.55rem}.demo-notice{justify-content:flex-start;padding:10px 20px;gap:5px 9px}.demo-notice>span:last-child{flex-basis:100%;font-size:.64rem}.demo-notice strong{font-size:.66rem}.demo-dot{width:5px;height:5px}.page-heading h1{font-size:2rem}main{padding:24px 20px 18px}.page-heading{gap:15px;margin-bottom:22px}.metrics article{padding:16px}.metrics strong{font-size:1.85rem}.metrics small{font-size:.61rem}.try-it{padding:17px;gap:15px}.try-it>ol{flex-direction:column;gap:9px}.try-it li{font-size:.73rem}.try-it>div{flex:1 0 100%}.try-it>ol{order:0;flex-basis:auto;flex:1}.try-it>.button{font-size:.7rem}.inventory-layout{gap:18px}.row-labels,.stock-row{grid-template-columns:minmax(175px,1.5fr) minmax(115px,1fr) 100px}.stock-row .row-action{grid-column:1;margin-left:42px}.draft-preview{padding:22px}.build-cta{padding:23px}.build-cta h2{font-size:1.35rem}.demo-footer{font-size:.62rem;flex-wrap:wrap}.reorder-row{grid-template-columns:minmax(0,1fr) 105px 80px}.announcement{font-size:.75rem}}
@media(max-width:540px){.topbar{gap:8px;padding:12px 15px}.brand img{width:30px;height:30px}.brand{gap:8px}.brand>span{font-size:.66rem}.brand small{font-size:.51rem}.top-links .contact-link{font-size:.59rem;padding:9px;max-width:126px}.sidebar{padding:15px}.sidebar nav{gap:6px}.view-button{font-size:.66rem;padding:10px 7px;gap:6px;min-width:0}.nav-count{font-size:.59rem;padding:1px 4px;min-width:18px}.sidebar-label{font-size:.62rem}.app-brand small{font-size:.62rem}main{padding:24px 15px 15px}.mobile-break{display:block}.page-heading h1{font-size:2.1rem}.page-heading>div>p:last-child{font-size:.82rem}.page-controls{gap:7px}.page-controls .button{font-size:.68rem}.metrics{gap:10px}.metrics article{padding:14px}.metrics article>span{font-size:.66rem;min-height:21px}.metrics strong{font-size:1.75rem}.metrics small{font-size:.56rem}.try-it>ol{flex:1 0 100%;font-size:.7rem}.try-it h2{font-size:1.02rem}.try-it>.button{min-height:43px}.panel-heading{padding:20px 17px 16px;gap:10px}.panel-heading h2{font-size:1.2rem}.sample-tag{font-size:.55rem}.filters{flex-direction:column;padding:0 17px 15px}.filters input,.filters select{font-size:16px;min-height:44px}.row-labels{display:none}.stock-row{grid-template-columns:1fr auto;gap:15px 14px;padding:19px 17px}.item-identity{grid-column:1/-1;gap:12px}.item-identity h3{font-size:.96rem}.item-identity p{font-size:.67rem}.item-icon{width:36px;height:39px;font-size:.72rem}.stock-count{grid-column:1;grid-row:2/4;margin-left:48px;align-self:center}.stock-count strong{font-size:1.35rem}.stock-count>div{font-size:.72rem}.stock-count small{font-size:.64rem}.stock-label{grid-column:2;grid-row:2;font-size:.63rem;justify-self:end}.stock-row .row-action{grid-column:2;grid-row:3;margin:0;justify-self:stretch;font-size:.7rem;min-height:40px}.panel-footnote{padding:15px 17px;font-size:.65rem}.draft-preview{display:block;padding:22px}.draft-preview>.small{font-size:.8rem}.preview-item{font-size:.78rem;padding:12px 0}.preview-item strong{font-size:.74rem}.draft-preview>.button{font-size:.77rem}.draft-preview>.fine-print{font-size:.68rem}.draft-summary{margin:20px 0!important}.draft-summary span{font-size:.75rem}.draft-summary strong{font-size:1.25rem}.empty-draft{font-size:.78rem}.reorder-row{grid-template-columns:1fr 90px;gap:15px;padding:20px 17px}.reorder-identity{grid-column:1/-1}.reorder-identity h3{font-size:1.07rem}.reorder-identity p{font-size:.73rem}.draft-quantity{font-size:.73rem;max-width:150px}.draft-quantity input{font-size:16px}.remove-action{align-self:end;font-size:.73rem;min-height:44px}.reorder-totals{padding:22px 17px;gap:12px;align-items:flex-start}.reorder-totals p{font-size:.65rem}.reorder-totals>strong{font-size:1.45rem;white-space:nowrap}.reorder-actions{padding:0 17px 20px;gap:10px}.reorder-actions .button{font-size:.74rem}.reorder-actions .small{flex-basis:100%;font-size:.7rem}.view-panel>.panel>.panel-heading{flex-wrap:wrap}#draft-error{padding:15px 17px;font-size:.75rem}#copy-text{font-size:16px}.activity-list{padding:0 18px}.activity-list p{font-size:.8rem}.activity-list time{font-size:.66rem}.build-cta{padding:22px;margin-top:25px}.build-cta h2{font-size:1.5rem;line-height:1.2}.build-cta p:last-child{font-size:.82rem}.build-cta .button{font-size:.75rem}.demo-footer{gap:12px;font-size:.62rem}.field-error{font-size:.78rem}}
@media(max-width:360px){.brand small{display:none}.top-links .contact-link{max-width:116px;font-size:.58rem}.view-button{font-size:.62rem;padding-inline:6px;gap:5px}.metrics strong{font-size:1.5rem}.metrics article{padding:12px}.metrics article>span{font-size:.62rem}.metrics small{font-size:.54rem}.stock-count{margin-left:0}.stock-row{gap:13px}.reorder-actions .button{width:100%}.page-heading h1{font-size:2rem}.sample-tag{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}