.order-demo-page{min-height:100vh;background:#f2f5ef}.demo-header{height:72px;padding:0 max(28px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5dc;background:#f8faf6}.demo-back{font-size:11px;font-weight:700;color:#75807b}.demo-shell{width:min(1240px,calc(100% - 56px));margin:0 auto}.demo-intro{display:flex;align-items:end;justify-content:space-between;padding:52px 0 31px}.demo-intro h1{margin:14px 0 12px;font-size:clamp(37px,5vw,56px);line-height:1.02;letter-spacing:-.06em}.demo-intro h1 em{font-family:'Playfair Display',serif;font-weight:500}.demo-intro>div:first-child>p:last-child{max-width:480px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.demo-note{display:flex;gap:12px;align-items:center;margin-bottom:8px;padding:13px 16px;border:1px solid var(--line);background:#f8faf6;color:#75807b;font-size:10px;line-height:1.7}.demo-note>span{color:var(--coral);font-size:20px}.demo-note b{color:var(--ink)}.order-app{overflow:hidden;border:1px solid #dfe5dc;border-radius:7px;background:#fbfcfa;box-shadow:0 20px 65px #173a3110}.app-topbar{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #e8ece6;background:#fff}.app-brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em}.app-brand>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--forest);color:#fff;font:17px Georgia}.app-brand small{margin-left:3px;color:#929d95;font:8px 'DM Mono',monospace;letter-spacing:.1em}.mode-switch{display:flex;gap:4px;padding:4px;border-radius:4px;background:#f0f3ee}.mode-button{display:flex;align-items:center;gap:7px;padding:9px 15px;border:0;border-radius:3px;background:transparent;color:#748078;font-size:10px;font-weight:700}.mode-button span{font-size:13px}.mode-button.active{background:var(--forest);color:white;box-shadow:0 2px 6px #173a3122}.reset-demo{border:0;background:transparent;color:#89948d;font-size:10px}.reset-demo:hover{color:var(--coral)}.demo-view{padding:31px 32px 35px}.demo-view[hidden]{display:none}.view-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.view-heading h2{margin:8px 0 6px;font-size:27px;letter-spacing:-.045em}.view-heading>div:first-child>p:last-child{margin:0;color:#839087;font-size:11px}.customer-select-wrap{width:210px}.customer-select-wrap label,.cart-checkout label{display:block;margin-bottom:7px;color:#909b92;font:8px 'DM Mono',monospace;letter-spacing:.12em}.customer-select-wrap select,.cart-checkout input,.cart-checkout select,.cart-checkout textarea{width:100%;padding:10px 11px;border:1px solid #e0e6de;border-radius:3px;background:white;color:var(--ink);font-size:10px;outline:none}.customer-select-wrap select:focus,.cart-checkout input:focus,.cart-checkout select:focus,.cart-checkout textarea:focus,.search-box:focus-within{border-color:#82977d}.customer-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:21px;align-items:start}.catalog{min-width:0}.catalog-toolbar{display:flex;align-items:center;gap:13px;margin-bottom:13px}.search-box{height:36px;min-width:185px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e1e7df;border-radius:3px;background:#fff;color:#91a097}.search-box>span{font-size:17px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.category-tabs{display:flex;gap:5px;overflow-x:auto}.category-button{white-space:nowrap;padding:8px 10px;border:1px solid #e1e7df;border-radius:3px;background:#fff;color:#77847a;font-size:9px}.category-button.active{border-color:var(--forest);background:#edf4e8;color:var(--forest);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-card{overflow:hidden;border:1px solid #e4e9e2;border-radius:4px;background:#fff;transition:transform .16s,border-color .16s}.product-card:hover{transform:translateY(-2px);border-color:#bac8b8}.product-art{height:96px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--product-tint)}.product-art:before,.product-art:after{position:absolute;content:"";border:1px solid #ffffff80;border-radius:50%}.product-art:before{width:100px;height:100px;right:-19px;top:-43px}.product-art:after{width:53px;height:53px;left:-16px;bottom:-28px}.product-art span{position:relative;z-index:1;display:grid;place-items:center;width:57px;height:57px;border:1px solid #fff9;border-radius:50%;background:#ffffff55;font-size:27px}.product-art small{position:absolute;bottom:8px;left:10px;color:#34443a99;font:7px 'DM Mono',monospace;letter-spacing:.11em}.product-info{padding:11px 11px 10px}.product-category{color:#a2aca3;font:7px 'DM Mono',monospace;letter-spacing:.09em}.product-info h3{min-height:31px;margin:5px 0 4px;font-size:11px;line-height:1.4}.product-info>p{margin:0;color:#849088;font-size:9px}.product-buy{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:11px;padding-top:9px;border-top:1px solid #eef1ec}.product-price{font-size:10px;font-weight:800}.product-unit{display:block;margin-top:2px;color:#9aa49c;font-size:8px;font-weight:400}.add-product{width:28px;height:28px;border:0;border-radius:3px;background:#edf4e8;color:var(--forest);font-size:18px}.add-product:hover{background:var(--lime)}.catalog-empty{grid-column:1/-1;padding:35px;text-align:center;color:#88958b;font-size:11px}.cart-panel{position:sticky;top:16px;min-height:235px;padding:17px;border:1px solid #e1e7df;border-radius:4px;background:#fff}.cart-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #edf0eb}.cart-heading .eyebrow{font-size:8px}.cart-heading h3,.subsection-heading h3{margin:5px 0 0;font-size:15px}.cart-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#edf4e8;color:var(--forest);font-size:9px;font-weight:800}.cart-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:23px 0 14px;text-align:center}.cart-empty>span{color:#bbc7bc;font-size:24px}.cart-empty b{font-size:10px}.cart-empty small{color:#929d94;font-size:9px}.cart-items{max-height:210px;overflow:auto}.cart-line{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 0;border-bottom:1px solid #eff2ee}.cart-line-info b{display:block;font-size:10px}.cart-line-info small{display:block;margin-top:3px;color:#929d94;font-size:8px}.cart-line-total{text-align:right;font-size:9px;font-weight:700}.quantity-control{display:flex;align-items:center;gap:8px;margin-top:7px}.quantity-control button{width:20px;height:20px;border:1px solid #e2e8e0;border-radius:3px;background:#fff;color:#546659}.quantity-control button:hover{background:#edf4e8}.quantity-control span{min-width:10px;text-align:center;font-size:9px}.cart-checkout{padding-top:12px}.cart-checkout[hidden]{display:none}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cart-total span{color:#748078;font-size:10px}.cart-total b{font-size:14px}.cart-checkout label{margin-top:11px}.cart-checkout label span{color:#b1bab2}.cart-checkout textarea{resize:vertical}.place-order{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:12px 13px;border:0;border-radius:3px;background:var(--forest);color:white;font-size:10px;font-weight:700}.place-order:hover{background:#245644}.place-order span{font-size:15px}.demo-disclaimer{display:block;margin-top:9px;color:#98a199;text-align:center;font-size:8px}.customer-orders{margin-top:35px;padding-top:22px;border-top:1px solid #e7ece5}.subsection-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.subsection-heading .eyebrow{font-size:8px}.subsection-heading>span{color:#96a098;font-size:9px}.customer-order-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.customer-order-card{padding:12px;border:1px solid #e5eae3;border-radius:3px;background:#fff}.order-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.order-id{font:9px 'DM Mono',monospace;color:#58685d}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:12px;background:#f1f4ef;color:#67756a;font-size:8px;white-space:nowrap}.status-pill:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.status-pill.status-waiting{background:#fff2dc;color:#a56c1d}.status-pill.status-processing{background:#eaf0ff;color:#5874ad}.status-pill.status-shipping{background:#e9f4ee;color:#39805b}.status-pill.status-done{background:#edf5dd;color:#638235}.status-pill.status-cancelled{background:#fbecea;color:#b85e50}.customer-order-card>p{margin:9px 0 6px;color:#4d5c51;font-size:9px;line-height:1.6}.customer-order-card>small{color:#98a29a;font-size:8px}.sales-heading{margin-bottom:22px}.sales-user{display:flex;align-items:center;gap:9px}.sales-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3d9ce;color:#a95745;font-size:10px;font-weight:800}.sales-user b,.sales-user small{display:block}.sales-user b{font-size:10px}.sales-user small{margin-top:3px;color:#98a29a;font-size:8px}.sales-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}.metric-card{padding:15px;border:1px solid #e5eae3;border-radius:3px;background:#fff}.metric-card small{display:block;color:#929e94;font:8px 'DM Mono',monospace;letter-spacing:.06em}.metric-card b{display:block;margin-top:9px;font-size:22px;letter-spacing:-.04em}.metric-card span{display:block;margin-top:3px;color:#9aa49c;font-size:8px}.metric-card.metric-highlight{background:var(--forest);color:white}.metric-card.metric-highlight small,.metric-card.metric-highlight span{color:#bdcec2}.sales-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.sales-filters{display:flex;gap:4px;overflow:auto}.filter-button{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 9px;border:0;border-radius:3px;background:transparent;color:#7e8a81;font-size:9px}.filter-button.active{background:#edf3e9;color:var(--forest);font-weight:800}.filter-button span{color:#a3ada4;font-size:8px}.sales-search{width:220px}.sales-order-list{display:grid;gap:8px}.sales-order-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px;border:1px solid #e4e9e2;border-radius:4px;background:white}.sales-order-main{min-width:0}.sales-order-customer{display:flex;align-items:center;gap:10px}.customer-avatar{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:50%;background:#eaf1e4;color:#47684c;font-size:10px;font-weight:800}.sales-order-customer b{display:block;font-size:10px}.sales-order-customer small{display:block;margin-top:3px;color:#909b92;font-size:8px}.sales-order-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:#829087;font-size:8px}.sales-order-meta b{color:#445349;font-weight:700}.sales-order-items{margin-top:9px;color:#606e63;font-size:9px;line-height:1.6}.sales-note{margin-top:7px;color:#a06d42;font-size:8px}.sales-order-actions{display:flex;flex-direction:column;align-items:end;justify-content:space-between;min-width:135px}.sales-order-actions>strong{font-size:13px}.sales-order-actions label{color:#9aa49c;font:7px 'DM Mono',monospace;letter-spacing:.1em}.sales-order-actions select{width:150px;margin-top:5px;padding:8px 25px 8px 9px;border:1px solid #e1e7df;border-radius:3px;background:#fff;color:#445349;font-size:9px}.sales-empty{padding:38px;border:1px dashed #dce4da;border-radius:4px;color:#87948a;text-align:center;font-size:11px}.sales-empty b{display:block;margin-bottom:5px;color:#536254}.sales-footnote{display:flex;gap:7px;margin-top:15px;color:#929d94;font-size:9px}.sales-footnote span{color:var(--coral)}.demo-footer{display:flex;justify-content:space-between;padding:17px 0 28px;color:#97a198;font:8px 'DM Mono',monospace;letter-spacing:.06em}.demo-footer i{padding:0 4px;color:var(--coral);font-style:normal}.demo-toast{position:fixed;right:22px;bottom:22px;z-index:5;max-width:min(390px,calc(100% - 32px));padding:13px 17px;border-radius:4px;background:#173a31;color:#fff;box-shadow:0 8px 25px #10281d30;font-size:11px;line-height:1.5;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}.demo-toast.visible{opacity:1;transform:translateY(0)}.demo-toast.error{background:#a94438}
@media(max-width:920px){.demo-shell{width:calc(100% - 36px)}.demo-intro{padding-top:40px}.customer-layout{grid-template-columns:minmax(0,1fr) 260px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{align-items:flex-start;flex-direction:column}.category-tabs{width:100%}.sales-toolbar{align-items:flex-start;flex-direction:column}.sales-search{width:100%}}
@media(max-width:650px){.demo-header{height:60px;padding:0 18px}.demo-back{font-size:10px}.demo-shell{width:calc(100% - 24px)}.demo-intro{align-items:flex-start;flex-direction:column;gap:20px;padding:33px 0 23px}.demo-intro h1{font-size:43px}.app-topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:10px;padding:12px}.app-brand{font-size:9px}.app-brand small{font-size:7px}.mode-switch{order:3;width:100%}.mode-button{justify-content:center;flex:1;padding:9px}.reset-demo{margin-left:auto}.demo-view{padding:22px 13px 25px}.view-heading{align-items:flex-start;flex-direction:column;gap:16px}.customer-select-wrap{width:100%}.customer-layout{grid-template-columns:1fr}.catalog-toolbar{gap:9px}.search-box{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-art{height:83px}.cart-panel{position:static}.cart-empty{padding:18px 0 13px}.customer-order-list{grid-template-columns:1fr}.customer-orders{margin-top:25px}.subsection-heading{align-items:flex-start;flex-direction:column;gap:6px}.sales-metrics{grid-template-columns:repeat(2,1fr);gap:7px}.metric-card{padding:12px}.metric-card b{font-size:19px}.sales-filters{width:100%;padding-bottom:3px}.sales-order-card{grid-template-columns:1fr}.sales-order-actions{align-items:flex-start;gap:12px}.sales-order-actions select{width:min(230px,100%)}.demo-footer{align-items:flex-start;flex-direction:column;gap:7px;padding:14px 2px 20px}.sales-user{align-self:stretch}}
@media(prefers-reduced-motion:reduce){.order-demo-page *{scroll-behavior:auto!important;transition:none!important}}