.admin-shell{min-height:100vh;font-family:var(--font-body,"Roboto Condensed", sans-serif);color:var(--ink,#4d4d4f);background:#f0f2f5}.admin-nav{color:#fff;background:#00609c;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;padding:12px 20px;display:flex}.admin-nav h1{flex:1;margin:0;font-size:1.1rem}.admin-nav a{color:#ffffffe6;font-size:.9rem;font-weight:600;text-decoration:none}.admin-nav a.active{color:#fff;text-decoration:underline}.admin-nav button{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:8px;padding:8px 12px;font-weight:600}.admin-nav-menu{margin-left:auto;position:relative}.admin-nav-menu-trigger{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.admin-nav-dropdown{min-width:220px;color:var(--ink,#4d4d4f);z-index:500;background:#fff;border-radius:10px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000002e}.admin-nav-dropdown-user{background:#f8fafc;border-bottom:1px solid #e3e6ea;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.admin-nav-dropdown-name{font-size:.9rem;font-weight:700}.admin-nav-dropdown-email{color:#7c7c80;word-break:break-all;font-size:.8rem}.admin-nav-dropdown button{text-align:left;width:100%;color:var(--ink,#4d4d4f);background:#fff;border:0;border-radius:0;padding:12px 14px;font-size:.9rem;font-weight:600;display:block}.admin-nav-dropdown button:hover{background:#f0f4f8}.admin-nav-dropdown button:last-child{border-top:1px solid #e3e6ea}.admin-main{max-width:1200px;margin:0 auto;padding:24px 24px 48px}.admin-card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e3e6ea;padding:10px 12px}.admin-table th{text-transform:uppercase;letter-spacing:.04em;color:#7c7c80;font-size:.75rem}.admin-table tr.inactive{opacity:.55}.admin-btn{color:#00609c;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 14px;font-size:.88rem;font-weight:600}.admin-btn.primary{color:#fff;background:#00609c;border-color:#00609c}.admin-btn.danger{color:#cf0a2c;border-color:#cf0a2c}.admin-btn+.admin-btn{margin-left:6px}.admin-muted{color:#7c7c80;font-size:.82rem;font-style:italic}.login-page{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:28px 24px;box-shadow:0 4px 20px #00000014}.login-card h1{color:#00609c;margin:0 0 8px;font-size:1.4rem}.form-field{margin-bottom:14px}.form-field label{color:#4d4d4f;margin-bottom:4px;font-size:.85rem;font-weight:600;display:block}.form-field .error{color:#cf0a2c;margin-top:4px;font-size:.8rem}.form-input,.form-select,.form-textarea{border:1px solid #d0d5dd;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem}.form-textarea{resize:vertical;min-height:100px}.form-checkbox{align-items:center;gap:8px;font-size:.9rem;display:flex}.form-checkbox input{width:16px;height:16px}.tag-checkboxes{flex-wrap:wrap;gap:8px 16px;display:flex}.tag-checkboxes label{align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.form-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:.9rem}.image-preview{object-fit:contain;border:1px solid #e3e6ea;border-radius:8px;max-width:200px;max-height:120px;margin-top:8px}.file-dropzone{text-align:center;background:#f8fafc;border:2px dashed #c5cdd8;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px;transition:border-color .15s,background .15s;display:flex}.file-dropzone.dragging{background:#eef6fc;border-color:#00609c}.file-dropzone.has-preview{padding-top:12px}.file-dropzone-placeholder{color:#7c7c80}.file-dropzone-placeholder p{margin:6px 0 0;font-size:.9rem;font-weight:600}.file-dropzone-icon{color:#00609c;background:#e8eef5;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:inline-flex}.file-dropzone-preview{object-fit:contain;background:#fff;border:1px solid #e3e6ea;border-radius:8px;width:100%;max-height:180px}.file-dropzone-hint{color:#7c7c80;margin:0;font-size:.78rem}.file-dropzone-input{display:none}.file-dropzone-btn{cursor:pointer;margin:0}.modal-image-panel .file-dropzone-preview{max-height:160px}.modal-overlay{z-index:400;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-height:min(90vh,860px);display:flex;box-shadow:0 16px 48px #0028462e}.modal-panel--narrow{max-width:480px}.modal-panel--default{max-width:640px}.modal-panel--wide{max-width:920px}.modal-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 0;display:flex}.modal-header h2{color:#00609c;flex:1;margin:0;font-size:1.25rem}.modal-body{flex:1;min-height:0;padding:16px 24px;overflow-y:auto}.modal-footer{background:#fafbfc;border-top:1px solid #e3e6ea;border-radius:0 0 12px 12px;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.modal-form-section+.modal-form-section{border-top:1px solid #e3e6ea;margin-top:20px;padding-top:20px}.modal-section-title{text-transform:uppercase;letter-spacing:.06em;color:#7c7c80;margin:0 0 14px;font-size:.78rem;font-weight:700}.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.modal-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-form-span-2{grid-column:span 2}.modal-form-span-3{grid-column:span 3}.modal-form-split{grid-template-columns:1fr 240px;align-items:stretch;gap:20px;display:grid}.modal-form-split>.form-field{flex-direction:column;min-height:0;margin-bottom:0;display:flex}.modal-form-split>.form-field .form-textarea{resize:vertical;flex:1;min-height:220px}.modal-image-panel{flex-direction:column;min-height:0;display:flex}.modal-image-panel .form-field{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex}.modal-image-panel .file-dropzone{flex:1;justify-content:center;min-height:220px}.modal-form-row{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.modal-body .form-field{margin-bottom:16px}.modal-body .tag-checkboxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;display:grid}.modal-body .form-textarea{min-height:140px}.modal-close{color:#4d4d4f;cursor:pointer;background:#f0f4f8;border:0;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover:not(:disabled){background:#e3e6ea}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-actions{justify-content:flex-end;gap:10px;display:flex}:root{--navy:#00609c;--navy-soft:#004d7d;--red:#cf0a2c;--red-dark:#a8081f;--paper:#f3f5f7;--card:#fff;--ink:#4d4d4f;--ink-soft:#7c7c80;--line:#e3e6ea;--gold:#00609c;--font-head:"Trade Gothic Bold Condensed No. 20", "Trade Gothic LT Std Bold Cn", "Oswald", "Arial Narrow", sans-serif;--font-body:"Univers Condensed", "Univers LT Std 57 Condensed", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;--shadow:0 1px 3px #00284617, 0 6px 18px #00284612;--radius:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45}.app{background:var(--paper);max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:78px}header{z-index:50;background:var(--navy);color:#fff;padding:env(safe-area-inset-top) 0 0 0;position:sticky;top:0;box-shadow:0 2px 12px #00284640}.bar{align-items:center;gap:12px;min-height:58px;padding:13px 18px;display:flex}.brand{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand img{width:auto;height:30px;display:block}.wordmark{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;color:#fff;font-size:1.18rem;font-weight:800}.back{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;transition:background .15s;display:none}.back:active{background:#ffffff40}.back.show{display:flex}.head-title{font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.02rem;font-weight:700;overflow:hidden}.subtitle{color:#ffffffd1;margin-top:-3px;padding:0 18px 13px;font-size:.8rem}.searchwrap{padding:14px 18px 4px}.search{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:10px;padding:11px 14px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:1rem}.search input::placeholder{color:#9aa4b2}.home{padding:8px 18px 40px}.home-intro{color:var(--ink-soft);margin:14px 2px 16px;font-size:.92rem}.cat-grid{gap:13px;display:grid}.cat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;align-items:center;gap:16px;width:100%;padding:18px;transition:transform .12s,box-shadow .12s;display:flex}.cat:active{transform:scale(.985);box-shadow:0 1px 2px #0f26471a}.cat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.cat-text{flex:1;min-width:0}.cat-name{font-family:var(--font-head);color:var(--navy);font-size:1.06rem;font-weight:700}.cat-meta{color:var(--ink-soft);margin-top:2px;font-size:.84rem}.chev{color:#c2cad6;flex-shrink:0}.list{padding:14px 18px 24px}.count{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin:2px 2px 12px;font-size:.82rem;font-weight:600}.product{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;transition:border-color .15s;overflow:hidden}.product.sel{border-color:var(--red);box-shadow:0 0 0 2px #e11d2a2e, var(--shadow)}.product.flash{animation:1.8s flash}@keyframes flash{0%,to{box-shadow:var(--shadow)}15%,55%{box-shadow:0 0 0 3px var(--navy), var(--shadow)}}.p-photo{color:#a9b4c4;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#eef1f6,#e2e8f1);justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.p-photo .phicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.p-photo img{z-index:1;object-fit:contain;background:#fff;width:100%;height:100%;position:relative}.p-photo.has .phicon{display:none}.topbadge{z-index:2;color:#fff;font-family:var(--font-head);letter-spacing:.04em;text-transform:uppercase;background:#c8932f;border-radius:7px;padding:4px 9px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 6px #0003}.selbadge{z-index:2;background:var(--red);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:none;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0003}.product.sel .selbadge{display:flex}.p-body{padding:15px 16px 16px}.p-name{font-family:var(--font-head);color:var(--navy);margin-bottom:9px;font-size:1.08rem;font-weight:700;line-height:1.25}.tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tag{color:#3a4658;background:#f1f4f8;border:1px solid #e4e9f0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.p-row{color:var(--ink);gap:8px;margin:6px 0;font-size:.9rem;display:flex}.p-row .lab{color:var(--ink-soft);flex-shrink:0;font-weight:600}.p-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:13px;display:flex}.price{font-family:var(--font-head);color:var(--navy);flex-shrink:0;font-size:1.3rem;font-weight:800}.price small{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:600;display:block}.btns{gap:8px;display:flex}.btn{cursor:pointer;border:1.5px solid var(--line);color:var(--navy);background:#fff;border-radius:11px;align-items:center;gap:6px;padding:10px 13px;font-size:.88rem;font-weight:700;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.95)}.btn.add.on{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.share{background:var(--red);color:#fff;border-color:var(--red)}.btn.share:active{background:var(--red-dark)}.selbar{background:var(--navy);color:#fff;width:100%;max-width:520px;padding:13px 16px;padding-bottom:calc(13px + env(safe-area-inset-bottom));z-index:60;align-items:center;gap:12px;transition:transform .25s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,120%);box-shadow:0 -4px 20px #0f264740}.selbar.show{transform:translate(-50%)}.selbar .cnt{flex:1;font-size:.95rem;font-weight:700}.selbar .clr{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:10px;padding:10px 12px;font-size:.85rem;font-weight:600}.selbar .shr{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:7px;padding:11px 17px;font-size:.95rem;font-weight:700;display:flex}.selbar .shr:active{background:var(--red-dark)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.panel-head{font-family:var(--font-head);letter-spacing:.01em;background:var(--navy);color:#fff;padding:13px 16px;font-size:1rem;font-weight:700}.panel-note{color:var(--ink-soft);border-bottom:1px solid var(--line);background:#fafbfc;padding:10px 16px;font-size:.82rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 16px;font-size:.92rem}th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);background:#fafbfc;font-size:.72rem;font-weight:700}tr:last-child td{border-bottom:0}td.amt{text-align:right;color:var(--navy);font-weight:700}th.amt{text-align:right}.alert{background:#fff6ec;border:1px solid #f3d9b5;border-radius:14px;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.alert .ico{flex-shrink:0;font-size:1.3rem;line-height:1}.alert b{color:#9a5b00}.alert p{color:#6b4a14;margin:4px 0 0;font-size:.88rem}.sizechart{justify-content:space-around;gap:8px;padding:14px 16px;display:flex}.sizechart .sz{text-align:center}.sizechart .sz b{color:var(--navy);font-size:1.05rem;display:block}.sizechart .sz span{color:var(--ink-soft);font-size:.8rem}.empty{text-align:center;color:var(--ink-soft);padding:48px 24px}.empty b{font-family:var(--font-head);color:var(--navy);margin-bottom:6px;font-size:1.05rem;display:block}footer{text-align:center;color:#9aa4b2;padding:24px 18px 30px;font-size:.76rem}footer a{color:var(--ink-soft)}.pricesrc{letter-spacing:.04em;text-transform:uppercase;color:#9aa4b2;margin-bottom:8px;font-size:.72rem;font-weight:600;display:inline-block}.toast{background:var(--navy);color:#fff;opacity:0;pointer-events:none;z-index:200;border-radius:12px;max-width:90%;padding:13px 20px;font-size:.92rem;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 30px #0f264759}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.modal{z-index:300;background:#0f264780;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal.show{animation:.2s fade;display:flex}.sheet{width:100%;max-width:520px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px #0000004d}.sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-h{font-family:var(--font-head);color:var(--navy);font-size:1.1rem;font-weight:800}.sheet-close{background:var(--paper);width:34px;height:34px;color:var(--ink);cursor:pointer;border:0;border-radius:8px;flex-shrink:0;padding:0;font-size:1.4rem;line-height:1}.sheet-close:hover{background:var(--line)}.sheet-sub{color:var(--ink-soft);margin:4px 0 12px;font-size:.86rem}.sheet textarea{border:1px solid var(--line);width:100%;height:160px;color:var(--ink);resize:none;background:#fafbfc;border-radius:12px;padding:12px;font-family:inherit;font-size:.9rem;line-height:1.5}.sheet-btns{gap:10px;margin-top:14px;display:flex}.sheet-btns .btn{flex:1;justify-content:center;padding:13px}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:3px solid var(--red);outline-offset:2px}