:root{color-scheme:light;font-family:Helvetica Neue,Helvetica,Avenir Next,Futura,Arial,sans-serif;background:#111;color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;--blue-top: #2479bd;--blue: #1f6fb2;--blue-bottom: #1a649f;--blue-line: #ffffff59;--blue-line-soft: #ffffff2e;--blue-muted: #ffffffc7;--blue-card: #ffffff18;--blue-card-strong: #ffffff1a;--sheet: #f4f7fa;--card: #ffffff;--summary: #e8f1fa;--summary-border: #cfdfee;--border: #dde6ee;--separator: #edf1f5;--ink: #0a0a0a;--muted: #5b6b7a;--chevron: #95a3b3;--handle: #cdd6df;--highlight: #1f6fb214;--shadow-soft: 0 14px 36px rgba(10, 36, 58, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}.app-shell{min-height:100vh;background:#111}.blue-zone{min-height:360px;padding:22px clamp(16px,4vw,48px) 86px;color:#fff;background:linear-gradient(180deg,var(--blue-top),var(--blue) 45%,var(--blue-bottom)),var(--blue);border-bottom:1px solid var(--blue-line-soft)}.site-header{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.brand{justify-self:start;min-width:0;display:flex;align-items:center}.brand-logo{width:auto;height:86px;max-width:min(300px,100%);object-fit:contain}.header-title{justify-self:center;display:block;color:var(--blue-muted);font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:center}.admin-button,.ghost-button,.admin-actions button,.pin-form button{min-height:42px;border:1px solid var(--blue-line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#ffffff18;font-size:13px;font-weight:800}.admin-button{justify-self:end;padding:0 15px}.hero-panel{max-width:1180px;margin:54px auto 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:end;gap:34px}.hero-copy{max-width:720px}.hero-copy h1{max-width:680px;font-size:clamp(38px,6vw,68px);line-height:.98;font-weight:900;letter-spacing:0}.hero-copy p{max-width:640px;margin-top:18px;color:var(--blue-muted);font-size:14px;line-height:1.55}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--blue-line);border-radius:8px;overflow:hidden;background:var(--blue-card-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stat{min-height:108px;padding:18px;display:grid;align-content:space-between;border-right:1px solid var(--blue-line-soft);border-bottom:1px solid var(--blue-line-soft)}.stat:nth-child(2n){border-right:0}.stat:nth-child(n+3){border-bottom:0}.stat span{color:var(--blue-muted);font-size:12px;font-weight:800;text-transform:uppercase}.stat strong{font-size:34px;line-height:1}.sheet{width:min(1180px,calc(100% - 32px));margin:-54px auto 40px;padding:clamp(14px,3vw,24px);border-radius:8px;background:var(--sheet);box-shadow:0 24px 64px #00000038}.admin-panel,.toolbar,.stock-card,.empty-state{border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:var(--shadow-soft)}.admin-panel{margin-bottom:16px;padding:16px;display:grid;gap:16px}.admin-panel.admin-gate{border-color:#ffffff59;color:#fff;background:linear-gradient(180deg,var(--blue-top),var(--blue-bottom))}.admin-panel.admin-gate h2,.admin-panel.admin-gate p,.admin-panel.admin-gate .admin-token span{color:#fff}.admin-panel.admin-gate p,.admin-panel.admin-gate .admin-locked{color:var(--blue-muted)}.admin-panel.compact{grid-template-columns:minmax(0,1fr) auto;align-items:end}.admin-panel h2{font-size:18px;line-height:1.15}.admin-panel p{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.45}.admin-head,.toolbar,.admin-actions,.pin-form{display:flex;align-items:center;justify-content:space-between;gap:12px}.activate-admin{min-height:42px;padding:0 14px;border:1px solid #bcd4eb;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);background:var(--highlight);font-weight:900}.activate-admin:disabled{opacity:.68;cursor:wait}.admin-gate .activate-admin{color:#fff;border-color:var(--blue-line);background:#ffffff29}.admin-gate .activate-admin:hover{border-color:#fff;background:#ffffff38}.activate-admin.active{color:#14613f;border-color:#bfe7cf;background:#e8f7ef}.admin-locked{padding:14px;border:1px dashed var(--summary-border);border-radius:8px;display:flex;align-items:center;gap:10px;color:var(--muted);background:#fbfdff}.admin-gate .admin-locked{border-color:var(--blue-line);color:var(--blue-muted);background:var(--blue-card)}.admin-locked svg{width:20px;height:20px;color:var(--blue)}.admin-gate .admin-locked svg{color:#fff}.admin-locked p{margin:0;color:inherit;font-size:13px;font-weight:800}.admin-actions{justify-content:flex-start;flex-wrap:wrap}.admin-category-bar{padding:14px;border:1px solid var(--summary-border);border-radius:8px;display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:12px;align-items:end;background:#fbfdff}.admin-category-control{display:grid;gap:6px}.admin-category-control span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.admin-category-control select{min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--ink);background:#fff;font-weight:800}.admin-category-summary{min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:8px;color:var(--muted);background:#fff;font-size:12px;font-weight:800}.admin-category-summary strong{color:var(--blue);font-family:SFMono-Regular,Consolas,monospace;font-size:18px}.admin-token{min-width:min(320px,100%);display:grid;gap:6px}.admin-token span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.admin-token input{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--ink);background:#fff}.admin-actions button,.pin-form button,.manual-product-form button,.qty-editor-row button{padding:0 14px;border-color:var(--summary-border);color:var(--ink);background:var(--summary)}.ghost-button{padding:0 14px;border-color:var(--border);color:var(--muted);background:#fff}.pin-form input{width:180px;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:#fff}.manual-product-form{padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid var(--summary-border);border-radius:8px;background:#fbfdff}.manual-product-title{grid-column:1 / -1;display:grid;gap:3px}.manual-product-title strong{color:var(--ink);font-size:14px}.manual-product-title span{color:var(--muted);font-size:12px;font-weight:800}.manual-product-form label{display:grid;gap:6px}.manual-product-form label span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.manual-product-form .manual-featured-toggle{min-height:42px;align-self:end;padding:0 12px;border:1px solid var(--summary-border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}.manual-product-form .manual-featured-toggle span{margin:0}.manual-product-form .manual-featured-toggle input{width:18px;min-height:18px;padding:0;accent-color:var(--blue)}.manual-product-form input,.manual-product-form select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--ink);background:#fff}.manual-product-form .wide{grid-column:span 3}.manual-product-form button{min-height:42px;align-self:end}.qty-editor{padding:14px;display:grid;gap:12px;border:1px solid var(--summary-border);border-radius:8px;background:#fbfdff}.qty-editor-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:12px;align-items:end}.qty-editor h3{margin:0;color:var(--ink);font-size:15px;line-height:1.2}.qty-editor p{margin:4px 0 0}.qty-search{min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:8px;color:var(--chevron);background:#fff}.qty-search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:14px}.qty-editor-list{display:grid;gap:8px}.qty-editor-count{color:var(--muted);font-size:12px;font-weight:800}.qty-editor-row{padding:10px;border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:minmax(170px,.85fr) minmax(220px,1.35fr) 94px 110px auto 40px;gap:10px;align-items:center;background:#fff}.qty-editor-row strong,.qty-editor-row span{display:block}.qty-editor-row strong{color:var(--blue);font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.qty-editor-row span{margin-top:3px;color:var(--muted);font-size:11px;font-weight:800}.qty-editor-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.qty-editor-row label{display:grid;gap:5px}.qty-editor-row .featured-editor-toggle{min-height:38px;padding:0 10px;border:1px solid var(--summary-border);border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fbfdff}.qty-editor-row label span{margin:0;font-size:10px;text-transform:uppercase}.qty-editor-row input{width:100%;min-height:38px;border:1px solid var(--border);border-radius:7px;padding:0 10px;color:var(--ink);background:#fff;font-family:SFMono-Regular,Consolas,monospace;font-weight:900}.qty-editor-row .featured-editor-toggle input{width:16px;min-height:16px;padding:0;accent-color:var(--blue)}.qty-editor-row button{min-height:38px;border:1px solid var(--summary-border);border-radius:7px;font-weight:900;white-space:nowrap}.qty-editor-row .delete-product-button{width:38px;padding:0;color:#9f1f1a;background:#fff0ed;border-color:#efc8c0}.delete-product-button svg{width:16px;height:16px}.error-box{padding:12px;display:flex;gap:10px;border:1px solid #f2c9bf;border-radius:8px;color:#8f241b;background:#fff0ed}.success-box{padding:12px;display:flex;gap:10px;border:1px solid #bfe7cf;border-radius:8px;color:#14613f;background:#e8f7ef}.admin-gate .success-box{color:#14613f;background:#e8f7ef}.admin-panel.admin-gate .success-box p,.admin-panel.admin-gate .success-box svg{color:#14613f}.success-box p{margin:0;color:inherit;font-size:13px;font-weight:800}.error-box p{margin:0;color:inherit}.preview-box{padding:14px;display:flex;justify-content:space-between;gap:12px;border:1px solid var(--summary-border);border-radius:8px;background:var(--summary)}.source-preview{display:grid;gap:8px}.source-preview div{padding:10px 12px;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;gap:12px;background:#fff}.source-preview strong{color:var(--ink);font-size:13px}.source-preview span,.preview-box span,.sheet-meta span{color:var(--muted);font-size:13px;font-weight:700}.toolbar{padding:12px;align-items:stretch}.search-box{min-width:280px;flex:1;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:10px;color:var(--chevron);background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:15px}.stock-list-title{min-height:48px;padding:0 18px;border:1px solid #bcd4eb;border-radius:8px;display:grid;align-items:center;color:var(--blue);background:var(--highlight);font-size:14px;font-weight:900;white-space:nowrap;text-transform:uppercase}.category-tabs{margin-top:12px;display:flex;gap:8px;overflow-x:auto}.category-tab{min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:#fff;font-size:12px;font-weight:900;white-space:nowrap;text-transform:uppercase}.category-tab.active{color:var(--blue);border-color:#bcd4eb;background:var(--highlight)}.sheet-meta{margin:14px 2px;display:flex;justify-content:space-between;gap:12px}.stock-card{overflow:hidden}.site-footer{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:0 4px 34px;color:#fff;font-size:12px;font-weight:400;line-height:1.45}.site-footer p{margin:0}.table-head,.stock-row{display:grid;grid-template-columns:.78fr .95fr minmax(240px,1.75fr) minmax(120px,150px) minmax(150px,190px);gap:16px;align-items:center}.table-head{padding:14px 20px;color:var(--muted);background:#fbfdff;border-bottom:1px solid var(--separator);font-size:12px;font-weight:900;text-transform:uppercase}.stock-row{min-height:72px;padding:14px 20px;border-bottom:1px solid var(--separator);transition:background .16s ease}.stock-row.featured{background:linear-gradient(90deg,#f3f9ff,#fff 58%);box-shadow:inset 3px 0 0 var(--blue)}.stock-row:hover{background:#fbfdff}.stock-row:last-child{border-bottom:0}.stock-row .type{width:max-content;max-width:100%;padding:7px 9px;border:1px solid var(--border);border-radius:6px;color:var(--blue);background:var(--highlight);font-size:12px;font-weight:900}.part-button{width:max-content;max-width:100%;min-height:38px;padding:0 12px;border:1px solid #bcd4eb;border-radius:8px;color:var(--blue);background:#f2f8fe;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:900;overflow-wrap:anywhere;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.part-button:hover{color:#fff;border-color:var(--blue);background:var(--blue);transform:translateY(-1px)}.featured-badge{width:max-content;max-width:100%;padding:4px 8px;border:1px solid #bcd4eb;border-radius:999px;color:#135c94;background:#eaf5ff;font-size:10px;font-weight:900;line-height:1;text-transform:uppercase}.featured-cell{justify-self:start}.featured-empty{color:#b5c1cc;font-size:12px;font-weight:900}.stock-row p{color:var(--muted);font-size:14px;line-height:1.4}.qty-stack{justify-self:end;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.qty{min-width:70px;padding:8px 11px;border-radius:7px;text-align:center;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:900}.qty small{display:block;margin-bottom:2px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:9px;font-weight:900;letter-spacing:0;line-height:1;text-transform:uppercase}.qty.available{color:#14613f;background:#e8f7ef;border:1px solid #bfe7cf}.qty.low{color:#845500;background:#fff6da;border:1px solid #f0d48a}.qty.out{color:#9f1f1a;background:#fff0ed;border:1px solid #efc8c0}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center}.empty-state svg{width:42px;height:42px;color:var(--handle)}.empty-state h2{color:var(--ink);font-size:20px}.empty-state p{max-width:360px;color:var(--muted);font-size:14px}.modal-backdrop{position:fixed;inset:0;z-index:80;padding:22px;display:grid;place-items:center;background:#11111194;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.order-modal{width:min(720px,100%);max-height:min(860px,calc(100vh - 44px));overflow:auto;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 28px 88px #0000004d}.modal-header{padding:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--separator)}.modal-header span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.modal-header h2{margin-top:5px;font-size:30px;line-height:1.05}.modal-close{width:40px;height:40px;border:1px solid var(--border);border-radius:999px;display:grid;place-items:center;color:var(--muted);background:#fff}.order-summary{margin:18px 22px 0;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;border:1px solid var(--summary-border);border-radius:8px;background:var(--summary)}.order-summary span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.order-summary strong{display:block;margin-top:4px;color:var(--ink);font-size:16px}.remaining-card{margin:-8px;padding:8px;border:1px solid #bfe7cf;border-radius:7px;background:#e8f7ef}.remaining-card strong{color:#14613f}.remaining-card.warning{border-color:#efc8c0;background:#fff0ed}.remaining-card.warning strong{color:#9f1f1a}.order-summary p{grid-column:1 / -1;color:var(--muted);font-size:14px;line-height:1.45}.order-form{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-form label{display:grid;gap:7px}.order-form label span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.order-form label span b{color:#9f1f1a;font-weight:900}.order-form input,.order-form textarea{width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;padding:0 12px;color:var(--ink);background:#fff;outline:0}.order-form textarea{min-height:104px;padding:12px;resize:vertical}.order-form input:focus,.order-form textarea:focus{border-color:#99c3e8;box-shadow:0 0 0 4px var(--highlight)}.qty-control{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.qty-control button{min-height:46px;border:1px solid #bcd4eb;border-radius:8px;color:var(--blue);background:#f2f8fe;font-size:18px;font-weight:900}.qty-control input{text-align:center;font-family:SFMono-Regular,Consolas,monospace;font-weight:900}.order-form .wide,.modal-actions,.form-error{grid-column:1 / -1}.hidden-field{display:none}.form-error{color:#9f1f1a;font-size:13px;font-weight:800}.inquiry-note{color:var(--muted);font-size:12px;font-weight:800;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.send-button,.success-state button{min-height:42px;padding:0 16px;border:1px solid var(--blue);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--blue);font-size:13px;font-weight:900}.success-state{padding:34px 22px 28px;display:grid;place-items:center;gap:10px;text-align:center}.success-state svg{width:42px;height:42px;color:#14613f}.success-state h2{font-size:26px}.success-state p{color:var(--muted)}@media(max-width:860px){.site-header{grid-template-columns:1fr auto;gap:10px 12px}.header-title{grid-column:1 / -1;grid-row:2}.brand-logo{height:68px;max-width:210px}.hero-panel{grid-template-columns:1fr}.hero-stats{max-width:520px}.admin-panel.compact,.toolbar,.admin-head,.admin-category-bar,.qty-editor-head{display:grid}.admin-category-bar,.qty-editor-head,.qty-editor-row{grid-template-columns:1fr}.search-box{min-width:0}.table-head{display:none}.stock-card{display:grid;gap:10px;border:0;background:transparent}.stock-row{grid-template-columns:1fr auto;gap:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.stock-row p{grid-column:1 / -1}.part-button{grid-column:1;width:max-content}.featured-cell{grid-column:1}.stock-row>.qty{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;max-width:160px}.order-form{grid-template-columns:1fr}}@media(max-width:560px){.blue-zone{padding:16px 14px 74px}.site-header{align-items:flex-start}.brand-logo{height:56px;max-width:180px}.header-title{font-size:11px;letter-spacing:.06em}.admin-button{width:42px;padding:0}.admin-button svg{width:18px}.admin-button{font-size:0}.hero-panel{margin-top:42px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:14px}.hero-stats{grid-template-columns:1fr 1fr}.stat{min-height:88px;padding:14px}.stat strong{font-size:27px}.sheet{width:calc(100% - 18px);margin-top:-48px;padding:10px}.pin-form,.admin-actions,.manual-product-form,.qty-editor-row{display:grid}.pin-form input,.pin-form button,.admin-actions button,.activate-admin,.manual-product-form button,.qty-editor-row button{width:100%}.manual-product-form{grid-template-columns:1fr}.manual-product-form .wide{grid-column:auto}.stock-list-title{justify-content:center;white-space:normal;text-align:center}.sheet-meta{display:grid}.modal-backdrop{padding:10px}.order-modal{max-height:calc(100vh - 20px);border-radius:14px}.modal-header,.order-form{padding:18px}.order-summary{margin:14px 18px 0;grid-template-columns:1fr}}