:root{--green:#214d38;--green-dark:#153a29;--green-light:#eef4ee;--ink:#202c25;--muted:#7b837d;--line:#e6e9e2;--paper:#fafbf8;--cream:#f1f2e9;--orange:#c97e47;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}input,select,textarea{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #99b5a1;outline-offset:4px}button{border:0;background:none}svg{flex-shrink:0}.icon{width:20px;height:20px;vertical-align:middle}.container{max-width:1320px;width:calc(100% - 88px);margin-inline:auto}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:23px;letter-spacing:-1.2px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--green);color:white;border-radius:13px}.brand-mark .icon{width:26px;height:26px}.brand-light{font-weight:400}.brand small{display:block;font-size:7.2px;letter-spacing:1.7px;font-weight:600;margin-top:5px;color:var(--muted)}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.9px;color:#6d7b6c;line-height:1.5}.eyebrow.light{color:#aec3a2}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 21px;border-radius:10px;font-weight:600;font-size:13px;transition:background .15s,transform .15s}.button.primary{background:var(--green);color:white}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:white;border:1px solid #dce2d9}.button.secondary:hover{background:var(--green-light)}.button .icon{width:18px;height:18px}.button.wide{width:100%;justify-content:space-between}.text-button{font-size:12px;font-weight:650;color:var(--green);padding:10px 4px}.wide{width:100%}.icon-button{display:inline-grid;place-items:center;padding:9px;border-radius:9px;color:#758073}.icon-button:hover{background:#eef1eb;color:var(--green)}.form-error{color:#ac3934;font-size:12px;line-height:1.6;min-height:12px;margin:10px 0}.initial-loading,.loading-section{display:flex;gap:12px;align-items:center;justify-content:center;padding:90px 20px;color:var(--muted)}.initial-loading{min-height:100vh}.spinner{display:inline-block;width:19px;height:19px;border:2px solid #dbe4d8;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Masuk */
.startup-error{max-width:600px;margin:15vh auto;padding:30px}.startup-error h1{margin-top:60px}
/* Katalog */
.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:88px;display:flex;align-items:center;gap:46px}.topbar nav{display:flex;align-self:stretch;gap:28px;margin-left:15px}.topbar nav a{display:flex;align-items:center;position:relative;font-size:12px;font-weight:550;color:#7f877d}.topbar nav a.active{color:var(--green);font-weight:650}.topbar nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:5px;background:var(--green)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:8px;font-size:11px;max-width:175px}.user-chip>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eaf0e7;font-weight:650;color:var(--green)}.cart-button{border:1px solid #dce4d9;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;padding:10px 11px;margin-left:10px}.cart-button b{font-size:10px;background:var(--green);color:white;display:grid;place-items:center;min-width:22px;height:22px;border-radius:6px;padding-inline:5px}.cart-button .icon{width:18px;height:18px;color:var(--green)}.mode-bar{text-align:center;font-size:10px;letter-spacing:.15px;background:#f4efdd;color:#8b7850;padding:6px 15px}.hero-link{display:inline-flex;align-items:center;gap:16px;font-size:11px;font-weight:700;color:var(--green);border-bottom:1px solid #abbca3;padding-bottom:5px}.hero-link .icon{width:16px;height:16px}.hero-right{display:flex;align-items:center;justify-content:space-evenly;gap:10px;position:relative}.hero-orbit{border:1px solid #d2dbc9;background:#e9eddf;width:170px;height:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.hero-orbit:before{content:"";position:absolute;inset:-15px;border:1px dashed #d5dece;border-radius:50%}.hero-orbit>.icon{width:65px;height:65px;color:var(--green);stroke-width:1}.hero-orbit>span{font-size:11px;line-height:1.6;text-align:center;color:#6b7c61;margin-top:7px}.hero-steps{display:grid;gap:20px;z-index:1;padding-left:20px}.hero-steps>span{font-size:10px;display:flex;align-items:center;gap:13px;color:#6b7b61}.hero-steps b{display:grid;place-items:center;background:#fff9;color:#668057;font-size:10px;width:30px;height:30px;border-radius:9px;border:1px solid #e1e7d6}.catalog-section{padding-top:40px;scroll-margin-top:110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:15px}.section-heading h2{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:8px 0 0}.catalog-count{font-size:10px;color:#8b9385;padding-bottom:4px}.search-row{display:flex;gap:16px;align-items:stretch}.search-field{display:flex;align-items:center;background:white;border:1px solid #dee4d9;border-radius:11px;min-height:51px;flex:1;padding:0 16px;gap:12px}.search-field>.icon{width:18px;height:18px;color:#8d9887}.search-field input{border:0;outline:0;background:transparent;flex:1;min-width:0;height:47px;font-size:12px}.search-field input::placeholder{color:#a0a79a}.search-field kbd{display:grid;place-items:center;width:23px;height:23px;background:#f6f8f2;color:#9ba591;border:1px solid #e7ebdf;border-radius:5px;font-size:14px}.sort-field{display:flex;align-items:center;gap:17px;border:1px solid #dee4d9;border-radius:11px;padding:0 15px;background:white;font-size:11px}.sort-field>span{color:#90998a}.sort-field select{border:0;background:transparent;max-width:170px;padding:13px 0;font-size:11px}.category-list{display:flex;align-items:center;gap:8px;margin:19px 0 24px;flex-wrap:wrap}.category-chip{display:flex;align-items:center;gap:7px;border:1px solid #e1e6da;color:#798571;padding:10px 12px;border-radius:8px;font-size:10px;white-space:nowrap;background:#fff}.category-chip .icon{width:16px;height:16px}.category-chip:hover{border-color:#a6b69a}.category-chip.selected{color:white;background:var(--green);border-color:var(--green)}.results-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8c9683;margin-bottom:18px;gap:15px}.results-bar strong{font-weight:650;color:var(--green)}.check-label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px}.check-label input{accent-color:var(--green);width:13px;height:13px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product-card{border:1px solid #e4e9de;background:white;border-radius:13px;overflow:hidden;transition:box-shadow .18s,border-color .18s}.product-card:hover{box-shadow:0 8px 24px #273d2410;border-color:#c4d0bb}.product-image{width:100%;display:block;aspect-ratio:1.42;position:relative;border-bottom:1px solid #f1f3ec;overflow:hidden;padding:0;background:#fff}.product-image img{width:100%;height:100%;padding:18px;object-fit:contain;transition:transform .2s}.product-image:hover img{transform:scale(1.04)}.stock-low{position:absolute;top:11px;left:11px;font-size:8px;color:#a78041;background:#fff4da;border:1px solid #f2e5bf;border-radius:4px;padding:4px 6px}.product-copy{padding:17px 17px 14px}.product-category{display:block;font-size:8px;letter-spacing:.4px;color:#8a987b;margin-bottom:8px}.product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6;text-align:left;padding:0;min-height:42px;max-height:42px;width:100%;font-weight:550}.product-vendor{display:block;font-size:8px;color:#a0a796;letter-spacing:.7px;margin-top:10px}.product-price{font-size:18px;font-weight:700;color:var(--green);margin-top:15px;letter-spacing:-.5px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:5px}.stock{display:inline-flex;align-items:center;gap:5px;color:#8b967d;font-size:9px}.stock i,.status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#91a584}.stock.unavailable{color:#af9c87}.stock.unavailable i{background:#b2a38e}.add-button{border:1px solid #dce7d4;border-radius:6px;color:var(--green);display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;min-width:70px;font-size:9px;font-weight:650;min-height:30px}.add-button .icon{width:13px;height:13px}.add-button:hover,.add-button.added{background:#eef5e9;border-color:#c2d4b5}.pagination{margin:35px 0 50px;display:flex;justify-content:space-between;align-items:center;color:#89947f;font-size:10px}.pagination>div{display:flex;gap:6px;align-items:center}.page-button{min-width:32px;height:32px;border:1px solid #e2e7da;border-radius:7px;font-size:11px;background:white}.page-button.current{background:var(--green);color:white;border-color:var(--green)}.page-gap{padding-inline:4px}.site-footer{border-top:1px solid #e3e8db;padding-block:25px;display:flex;justify-content:space-between;gap:15px;color:#9aa38f;font-size:9px;margin-top:45px}.site-footer>span:first-child{color:var(--green);font-size:12px;font-weight:650;letter-spacing:-.4px}.site-footer>span:first-child span{font-size:10px;font-weight:400;color:#9aa38f;letter-spacing:0}
/* Keranjang & detail */
dialog{border:1px solid #e4e9df;border-radius:20px;padding:0;color:var(--ink);background:white;box-shadow:0 20px 80px #172c2226}dialog::backdrop{background:#1a2b2359;backdrop-filter:blur(3px)}.drawer{position:fixed;margin:0 0 0 auto;width:475px;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.drawer[open]{display:flex;flex-direction:column}.drawer-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:27px 28px;flex-shrink:0}.drawer-heading h2{margin:5px 0 0;font-size:23px;font-weight:600;letter-spacing:-.8px}.drawer-heading h2 span{font-size:17px;color:#a2aa98}.drawer-heading .eyebrow{font-size:8px}.cart-items{flex:1;overflow:auto;padding:8px 28px}.cart-item{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:21px 0}.cart-item:last-child{border:0}.cart-item>img{width:77px;height:85px;object-fit:contain;background:#f8faf4;border:1px solid #edf0e6;border-radius:9px;padding:8px}.cart-item-copy{flex:1;min-width:0}.cart-item h3{font-size:12px;line-height:1.6;font-weight:550;margin:0 0 6px}.cart-item-copy>span{font-size:13px;color:var(--green);font-weight:650}.cart-item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.quantity-control{display:flex;border:1px solid #dce4d5;border-radius:7px;height:31px;overflow:hidden}.quantity-control button{display:grid;place-items:center;width:30px;padding:6px}.quantity-control button:hover{background:var(--green-light)}.quantity-control .icon{width:12px;height:12px}.quantity-control input{width:38px;min-width:0;border:0;text-align:center;font-size:11px;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.cart-item-actions>.icon-button{padding:5px}.cart-item-actions>.icon-button .icon{width:15px;height:15px}.drawer-footer{border-top:1px solid var(--line);padding:25px 28px 18px;background:#fff;flex-shrink:0}.subtotal{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px;font-size:13px}.subtotal small{display:block;font-size:10px;color:#99a28f;margin-top:6px}.subtotal strong{font-size:21px;letter-spacing:-.8px;color:var(--green)}.estimate-note{font-size:10px;line-height:1.8;color:#929d87;margin-bottom:19px}.drawer-footer>.text-button{margin-top:9px}.checkout-form{display:flex;flex:1;flex-direction:column;min-height:0}.checkout-scroll{padding:25px 28px;flex:1;overflow:auto}.request-person{display:flex;align-items:center;gap:13px;background:#f2f6ee;border:1px solid #e3ebdb;border-radius:11px;padding:17px;color:var(--green);margin-bottom:29px}.request-person>div{flex:1}.request-person small{display:block;font-size:9px;color:#86977b;margin-bottom:5px}.request-person strong{font-size:13px;font-weight:550}.request-person>.icon:last-child{width:15px;height:15px}.checkout-scroll h3{font-size:13px;font-weight:600}.quote-list{margin-bottom:25px}.quote-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7}.quote-list>div>span{max-width:67%}.quote-list small{display:block;font-size:10px;color:#97a08d;margin-top:5px}.quote-list strong{font-size:11px;font-weight:600;white-space:nowrap}.field-label{display:block;font-size:11px;font-weight:600;margin:20px 0 10px}.field-label span{color:#99a18f;font-weight:400;padding-left:5px}.checkout-scroll textarea{resize:vertical;max-height:180px;min-height:90px;border:1px solid #dce4d4;border-radius:9px;width:100%;padding:13px;font-size:11px;line-height:1.8}.checkout-scroll textarea::placeholder{color:#a9b09f}.product-dialog{max-width:900px;width:calc(100% - 50px);max-height:85dvh;overflow:auto}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.modal-close{position:absolute;right:12px;top:12px;background:white;z-index:1}.detail-image{display:flex;align-items:center;justify-content:center;min-height:420px;padding:35px;background:#f7f9f3}.detail-image img{object-fit:contain;width:100%;max-height:400px;mix-blend-mode:multiply}.detail-copy{padding:45px 32px 30px;min-width:0}.detail-copy h2{font-size:23px;font-weight:600;line-height:1.5;letter-spacing:-.5px;margin:14px 0}.detail-price{font-size:28px;letter-spacing:-1px;color:var(--green);font-weight:700;margin:24px 0 14px}.detail-description{white-space:pre-line;color:#87917c;font-size:10px;line-height:1.9;max-height:180px;overflow:auto;margin-top:24px}.source-link{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--green);margin:22px 0}.source-link .icon{width:12px;height:12px}.success-dialog{max-width:440px;width:calc(100% - 40px);padding:35px;text-align:center}.success-mark{display:grid;place-items:center;background:#eaf2e1;width:65px;height:65px;border-radius:50%;margin:0 auto 23px;color:var(--green)}.success-mark .icon{width:31px;height:31px}.success-dialog h2{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:13px 0}.success-dialog>p{font-size:11px;line-height:1.9;color:#8a9581}.request-receipt{display:grid;grid-template-columns:auto auto;text-align:left;background:#f5f8f0;border:1px solid #e6eddd;border-radius:10px;padding:17px;gap:17px 9px;font-size:10px;margin:25px 0}.request-receipt>span{color:#91a082}.request-receipt>strong{text-align:right;font-weight:600}.success-dialog>.text-button{margin-top:8px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,15px);background:#214d38;color:white;padding:13px 22px;border-radius:10px;box-shadow:0 4px 25px #182c2526;z-index:100;font-size:12px;max-width:calc(100% - 30px);opacity:0;transition:.18s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Pengajuan dan admin */
.page-heading{padding-top:48px;margin-bottom:32px}.page-heading h1{font-size:33px;letter-spacing:-1px;font-weight:600;margin:12px 0}.page-heading p{font-size:12px;color:#8c9781;line-height:1.8}.history-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8b957f;margin-bottom:20px}.history-bar strong{color:var(--green);font-weight:600}.orders-list{min-height:350px}.order-card{border:1px solid #e3e8dc;background:white;border-radius:12px;margin-bottom:13px}.order-card>summary{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;list-style:none;cursor:pointer;gap:20px}.order-card>summary::-webkit-details-marker{display:none}.order-summary-main .order-code{font-size:9px;letter-spacing:.6px;color:#8f9c82}.order-summary-main h3{font-size:14px;margin:8px 0;font-weight:600}.order-summary-main>.muted{font-size:10px;color:#a0aa94}.order-summary-right{display:flex;align-items:center;gap:30px;font-size:14px}.order-summary-right>.icon{width:16px;height:16px;color:#9cab8d}.order-summary-right strong{font-size:14px;font-weight:650;color:var(--green)}.order-card[open]>.order-summary-right>.icon{transform:rotate(180deg)}.status{display:inline-flex;align-items:center;gap:7px;border-radius:6px;background:#f2f4e9;color:#8a9761;padding:6px 9px;font-size:9px;white-space:nowrap}.status i{background:currentColor}.status.diajukan{background:#f5f0e0;color:#a08b46}.status.diproses{background:#edf2f9;color:#6983a7}.status.dibeli{background:#eaf3e8;color:#5c8651}.status.dibatalkan{background:#f6ece8;color:#b2826e}.order-expanded{border-top:1px solid var(--line);padding:4px 26px 20px}.table-scroll{overflow-x:auto}.order-items-table{width:100%;border-collapse:collapse;font-size:11px}.order-items-table th{text-align:left;color:#98a18d;font-size:9px;font-weight:500;padding:18px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.order-items-table td{padding:16px 10px;border-bottom:1px solid #f0f3e9;white-space:nowrap}.order-items-table td:first-child{min-width:190px;white-space:normal}.order-items-table td a{display:flex;align-items:center;gap:10px}.order-items-table td .icon{width:11px;height:11px;color:#8ca07d}.order-note{font-size:10px;color:#8b967f;line-height:1.8;margin:22px 10px 0;white-space:pre-wrap}.order-note strong{color:#5c6c50}.order-status-control{display:flex;align-items:center;justify-content:space-between;padding-top:22px;gap:10px;font-size:10px;color:#98a18e}.order-status-control label{font-size:11px;color:var(--green)}select{border:1px solid #dce4d4;border-radius:8px;background:white;padding:10px;font-size:11px}.order-status-control select{margin-left:12px;font-size:10px}.admin-heading{display:flex;align-items:center;justify-content:space-between}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:35px}.metric{background:#fff;border:1px solid #e2e8d9;border-radius:13px;padding:22px;position:relative;min-height:117px}.metric-icon{position:absolute;right:19px;top:20px;color:#7d9470;background:#f0f5e9;border-radius:8px;width:32px;height:32px;display:grid;place-items:center}.metric-icon .icon{width:17px;height:17px}.metric>span:nth-child(2){display:block;font-size:10px;color:#8b9980;margin-top:2px}.metric strong{display:block;margin-top:18px;font-size:27px;letter-spacing:-1px;font-weight:600}.metric:last-child strong{font-size:24px;color:var(--green)}.admin-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #e3e9d9;padding-bottom:17px}.tabs{display:flex;gap:8px}.tabs button{padding:11px 16px;font-size:11px;color:#8f9d81;border-radius:8px}.tabs button.active{background:#eaf1e3;color:var(--green);font-weight:600}.admin-controls-right{display:flex;gap:11px;align-items:center}.admin-controls-right .button{min-height:38px;font-size:10px;padding:9px 12px}.admin-controls-right .button .icon{width:14px;height:14px}.filter-caption{font-size:10px;line-height:1.8;color:#98a28b;margin:17px 0 24px}.table-card{border:1px solid #e4e9da;border-radius:12px;background:white}.recap-table{width:100%;border-collapse:collapse;min-width:900px}.recap-table th{font-size:9px;text-align:left;color:#89997a;font-weight:550;padding:17px 16px;background:#f6f8f1;border-bottom:1px solid var(--line);white-space:nowrap}.recap-table td{padding:18px 16px;font-size:10px;border-bottom:1px solid #eef1e5;vertical-align:middle}.recap-table tr:last-child td{border:0}.table-product{display:flex;align-items:center;gap:13px;min-width:215px;max-width:300px}.table-product img{width:42px;height:48px;object-fit:contain;background:#f7f9f3;border-radius:6px;padding:3px}.table-product strong{font-size:10px;font-weight:550;line-height:1.8}.people-breakdown{display:flex;flex-wrap:wrap;gap:5px;max-width:220px;min-width:120px}.people-breakdown span{padding:4px 6px;background:#f1f5eb;border-radius:4px;color:#849777;font-size:9px;line-height:1.5}.people-breakdown b{font-weight:600;padding-left:3px;color:#617955}.nowrap{white-space:nowrap}.source-button{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:9px;font-weight:600;white-space:nowrap;border:1px solid #dae5d0;border-radius:6px;padding:8px}.source-button .icon{width:11px;height:11px}.empty-state{text-align:center;padding:85px 25px;color:#99a38e;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px}.empty-state>.icon{height:43px;width:43px;stroke-width:1;color:#a8b99a;margin-bottom:15px}.empty-state h3{color:#537045;font-weight:550;font-size:19px;letter-spacing:-.4px;margin:12px 0}.empty-state p{font-size:11px;line-height:1.8;margin-bottom:25px}.empty-state.full{grid-column:1/-1}.error-panel{background:#fbf3eb;color:#a57456;border:1px solid #ecddce;padding:20px;border-radius:12px;font-size:12px;line-height:1.8}
@media(min-width:1500px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.container{max-width:1400px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-inner{gap:20px}.topbar nav{gap:20px;margin-left:0}.user-chip>span:last-child{display:none}.hero-orbit{width:135px;height:135px}.hero-orbit>.icon{width:48px;height:48px}.hero-steps{padding-left:8px;gap:15px}.hero-steps>span{font-size:8px;gap:8px}.hero-steps b{width:25px;height:25px;font-size:9px}.product-grid{gap:13px}.product-copy{padding:13px}.product-name{font-size:12px}.product-price{font-size:17px}.product-bottom{gap:2px}.add-button{min-width:60px;padding:5px}.stock{font-size:8px}.metric:last-child strong{font-size:20px}}
@media(max-width:800px){.brand{font-size:21px}.brand-mark{width:38px;height:38px;border-radius:11px}.header-inner{min-height:78px}.topbar nav{gap:14px}.topbar nav a{font-size:11px}.cart-button{margin-left:0}.header-actions{gap:3px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-steps{display:none}.hero-orbit{width:150px;height:150px}.category-chip{font-size:9px}.catalog-count{font-size:8px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:110px}.admin-controls{align-items:flex-start}.admin-controls-right{flex-direction:column;align-items:stretch}.admin-controls-right select{max-width:170px}.order-summary-right{gap:15px}.product-dialog[open]{grid-template-columns:1fr 1.2fr}.detail-image{padding:20px;min-height:340px}.detail-copy{padding:45px 22px 25px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.header-inner{min-height:110px;flex-wrap:wrap;column-gap:5px;row-gap:0;padding-top:14px}.brand{font-size:20px;gap:8px}.brand small{font-size:5.5px;letter-spacing:1.1px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark .icon{width:21px;height:21px}.topbar nav{order:3;width:100%;min-height:40px;gap:25px;align-items:stretch}.topbar nav a{font-size:10px}.header-actions .user-chip{display:none}.header-actions>.icon-button{padding:8px}.header-actions>.icon-button .icon{width:15px;height:15px}.cart-button{font-size:9px;gap:5px;padding:7px}.cart-button b{width:18px;height:18px;min-width:18px;font-size:9px}.cart-button .icon{width:15px;height:15px}.hero-orbit{width:85px;height:85px;opacity:.8;margin-top:5px}.hero-orbit:before{inset:-9px}.hero-orbit>.icon{width:36px;height:36px}.hero-orbit>span{display:none}.hero-link{font-size:9px;gap:11px}.hero-link .icon{width:13px;height:13px}.catalog-section{padding-top:29px;scroll-margin-top:130px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:22px;margin-top:5px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.catalog-count{font-size:8px;max-width:100px;line-height:1.8;text-align:right}.search-row{gap:8px;flex-wrap:wrap}.search-field{width:100%;flex-basis:100%;min-height:46px;padding:0 12px}.search-field input{font-size:10px;height:43px}.search-field kbd{display:none}.sort-field{width:100%;padding:0 11px;justify-content:space-between;min-height:38px;font-size:9px}.sort-field select{font-size:10px;padding:8px 0}.category-list{margin:14px -16px 18px;padding:0 16px 5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:7px}.category-list::-webkit-scrollbar{display:none}.category-chip{padding:9px 10px;font-size:9px}.category-chip .icon{width:14px;height:14px}.results-bar{font-size:9px;margin-bottom:14px}.check-label{font-size:8px;gap:3px}.check-label input{width:11px;height:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card{border-radius:10px}.product-image{aspect-ratio:1.15}.product-image img{padding:12px}.product-copy{padding:12px 11px 11px}.product-category{font-size:7px;margin-bottom:6px}.product-name{font-size:11px;line-height:1.65;min-height:37px;max-height:37px}.product-vendor{font-size:6.5px;letter-spacing:.5px;margin-top:7px}.product-price{font-size:17px;margin-top:13px}.product-bottom{margin-top:13px;align-items:center;gap:4px}.stock{font-size:7px;gap:3px}.stock i{width:3px;height:3px}.add-button{font-size:8px;min-width:0;padding:5px;gap:3px;min-height:27px}.add-button .icon{width:11px;height:11px}.stock-low{font-size:6px;top:7px;left:7px}.pagination{flex-wrap:wrap;justify-content:center;gap:17px;margin:25px 0 35px}.pagination>span{width:100%;text-align:center;font-size:9px}.page-button{min-width:30px;height:30px;font-size:10px}.pagination>div{gap:4px}.site-footer{flex-direction:column;gap:10px;padding:22px 0;margin-top:30px;font-size:8px}.site-footer>span:first-child{font-size:12px}.site-footer>span:first-child span{font-size:9px}.drawer{width:100%}.drawer-heading{padding:23px}.drawer-heading h2{font-size:22px}.cart-items{padding-inline:23px}.drawer-footer{padding:20px 23px 14px}.checkout-scroll{padding:22px 23px}.cart-item{gap:12px}.cart-item h3{font-size:11px}.cart-item-copy>span{font-size:12px}.cart-item>img{width:65px;height:77px}.drawer .button{font-size:12px}.subtotal strong{font-size:21px}.product-dialog{width:calc(100% - 26px);max-height:90dvh}.product-dialog[open]{display:block}.detail-image{min-height:0;height:235px;padding:24px}.detail-image img{height:190px}.detail-copy{padding:23px}.detail-copy h2{font-size:22px;margin:10px 0}.detail-price{font-size:26px;margin:20px 0 13px}.detail-description{max-height:140px;font-size:10px}.success-dialog{padding:29px 25px}.success-dialog h2{font-size:24px}.request-receipt{font-size:9px;gap:16px 6px}.page-heading{padding-top:32px;margin-bottom:25px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px;max-width:270px}.admin-heading{align-items:flex-start;gap:10px}.admin-heading>.button{font-size:0;padding:9px;min-height:34px;margin-top:17px}.admin-heading>.button .icon{width:17px;height:17px}.metrics{gap:10px;margin-bottom:24px}.metric{padding:17px;min-height:109px}.metric-icon{right:12px;top:12px;width:25px;height:25px}.metric-icon .icon{width:13px;height:13px}.metric>span:nth-child(2){font-size:9px;max-width:80px}.metric strong{font-size:25px;margin-top:17px}.metric:last-child strong{font-size:20px}.admin-controls{flex-direction:column;gap:14px}.admin-controls-right{flex-direction:row;width:100%;justify-content:space-between;gap:8px}.admin-controls-right select{flex:1;max-width:none;font-size:10px}.tabs{width:100%;gap:6px}.tabs button{font-size:10px;padding:10px 12px;flex:1}.filter-caption{font-size:9px;margin-top:15px}.history-bar{font-size:9px;gap:10px}.history-bar .text-button{font-size:9px}.order-card>summary{padding:18px;gap:13px}.order-code{font-size:8px!important}.order-summary-main h3{font-size:12px}.order-summary-main>.muted{font-size:8px}.order-summary-right{display:grid;grid-template-columns:1fr auto;gap:11px 9px;justify-items:end}.order-summary-right>.status{grid-column:1/-1;font-size:8px}.order-summary-right strong{font-size:12px}.order-summary-right>.icon{width:12px;height:12px}.order-expanded{padding:0 15px 18px}.order-items-table{font-size:9px}.order-items-table th{font-size:8px;padding:14px 8px}.order-items-table td{padding:13px 8px}.order-items-table td:first-child{min-width:160px}.order-status-control{flex-direction:column;align-items:flex-start;gap:15px;font-size:9px}.order-status-control label{font-size:10px}.empty-state{padding:65px 20px}.empty-state h3{font-size:17px}.empty-state p{font-size:10px}#toast{font-size:10px;padding:13px 17px;bottom:18px;width:max-content;max-width:calc(100% - 30px);text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.name-entry{min-height:100dvh;display:grid;place-items:center;background:#fff;padding:24px}.name-entry form{width:min(100%,340px)}.name-entry label{display:block;font-size:21px;font-weight:500;letter-spacing:-.6px;margin-bottom:22px}.name-entry input{height:49px;width:100%;border:1px solid #dde3d8;border-radius:8px;padding:13px 15px;font-size:14px;background:#fff}.name-entry input::placeholder{color:#a1aa99}.name-entry button{margin-top:14px;font-size:12px}.name-entry .form-error{font-size:11px;margin-top:14px}