.header{background:#fff;border-bottom:1px solid var(--border-subtle);padding:12px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.header-container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1a1a1a;flex-shrink:0}.logo h1{margin:0;font-size:24px;font-weight:700}.logo p{margin:0;font-size:12px;color:#666;display:none}.nav-menu{display:flex;gap:24px;flex-grow:1}.nav-menu a{text-decoration:none;color:#333;font-weight:500;font-size:14px;transition:color .2s}.nav-menu a:hover{color:var(--primary-600)}.header-actions{display:flex;gap:16px;flex-shrink:0;align-items:center}.search-bar{display:flex}.search-bar input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:200px}.search-bar input:focus{outline:none;border-color:var(--primary-600)}.cart-btn{background:var(--primary-600);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s;white-space:nowrap}.cart-btn:hover{background:var(--primary-700)}@media (max-width: 768px){.header-container{flex-direction:column;gap:12px}.nav-menu{flex-wrap:wrap;gap:12px}.search-bar input{width:auto;min-width:150px}.logo p{display:block}}.product-card{border:1px solid #e4ddd0;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;background:#fff}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.product-image{position:relative;width:100%;aspect-ratio:1;background:#f5f5f5;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e8e8e8;color:#999}.origin-badge{position:absolute;top:8px;right:8px;background:#152a43e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.product-info{padding:16px;flex-grow:1;display:flex;flex-direction:column}.product-name{font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-name a{color:#1f2a34}.product-brand{font-size:12px;color:#666;margin:0 0 8px}.product-details{margin:8px 0;flex-grow:1}.product-price{font-size:18px;font-weight:700;color:#1f2a34;margin:0}.coverage-note{margin-top:6px;color:#52606d;font-size:12px}.availability{font-size:12px;margin-top:4px;padding:4px 8px;border-radius:4px;display:inline-block;width:fit-content}.availability.in_stock{background:#d4edda;color:#155724}.availability.limited{background:#fff3cd;color:#856404}.availability.backorder{background:#f8d7da;color:#721c24}.card-actions{margin-top:auto;display:flex;gap:8px}.btn-view-product,.btn-add-cart{flex:1;text-align:center;background:#102a43;color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s}.btn-view-product{background:#fff;color:#1f2a34;border:1px solid #c8d2dd}.btn-view-product:hover{border-color:#9fb3c8;color:#102a43}.btn-add-cart:hover{background:#0c2236}.btn-add-cart:active{transform:scale(.98)}@media (max-width: 768px){.product-name{font-size:14px}.product-price{font-size:16px}}.home-page{background:#fff}.hero{background:linear-gradient(135deg,var(--stone-900) 0%,#1f4f78 100%);color:#fff;padding:100px 20px;text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}.hero-content h1{margin:0 0 16px;font-size:48px;font-weight:700}.hero-content p{margin:0 0 24px;font-size:20px;opacity:.9}.btn-shop{padding:14px 32px;background:#fff;color:var(--stone-900);border:none;border-radius:6px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s}.btn-shop:hover{transform:scale(1.05)}.categories{max-width:1200px;margin:0 auto;padding:60px 20px}.categories h2{text-align:center;margin:0 0 40px;font-size:32px;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.category-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s}.category-card:hover{border-color:var(--primary-600);box-shadow:0 8px 24px #007bff26;transform:translateY(-4px)}.category-icon{font-size:48px;margin-bottom:12px}.category-card h3{margin:12px 0 8px;font-size:20px;font-weight:600}.category-card p{margin:0;color:#666;font-size:14px}.featured-section{background:var(--surface-muted);padding:60px 20px}.featured-section h2{max-width:1200px;margin:0 auto 40px;font-size:32px;font-weight:700}.featured-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.features{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.feature-item{text-align:center}.feature-item h3{margin:0 0 8px;font-size:20px}.feature-item p{margin:0;color:#666;font-size:14px}.cta{background:linear-gradient(135deg,var(--stone-900) 0%,#1f4f78 100%);color:#fff;padding:60px 20px;text-align:center}.cta h2{margin:0 0 12px;font-size:36px;font-weight:700}.cta p{margin:0 0 24px;font-size:18px;opacity:.9}.btn-explore{padding:14px 32px;background:#fff;color:var(--stone-900);border:none;border-radius:6px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s}.btn-explore:hover{transform:scale(1.05)}@media (max-width: 768px){.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.categories h2,.featured-section h2,.cta h2{font-size:24px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.filter-panel{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px;position:sticky;top:20px}.filter-panel h3{margin:0 0 16px;font-size:18px;font-weight:600}.filter-group{margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:16px}.filter-group:last-child{border-bottom:none}.filter-group h4{margin:0 0 12px;font-size:14px;font-weight:600;text-transform:capitalize}.filter-option{display:flex;align-items:center;margin-bottom:8px;cursor:pointer;font-size:14px}.filter-option input[type=checkbox]{margin-right:8px;cursor:pointer}.filter-option .count{margin-left:4px;color:#999;font-size:12px}.filter-option:hover{color:#007bff}@media (max-width: 768px){.filter-panel{position:static}}.plp-container{display:grid;grid-template-columns:280px 1fr;gap:24px;max-width:1200px;margin:0 auto;padding:24px 16px}.plp-sidebar{position:sticky;top:100px;height:fit-content}.plp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-subtle)}.plp-header h1{margin:0;font-size:32px;font-weight:700}.plp-subtitle{margin-top:4px;color:#52606d}.plp-controls{display:flex;gap:16px;align-items:center}.plp-controls label{display:flex;align-items:center;gap:8px;font-weight:500}.plp-controls select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.plp-error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:16px}.plp-loading{text-align:center;padding:40px 20px;color:#666}.merch-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.merch-strip span{background:#f2ede3;border:1px solid #e4ddd0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;color:#3d4c5d}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.no-products{text-align:center;padding:60px 20px;color:#999;font-size:18px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.pagination button{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-weight:500;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.plp-container{grid-template-columns:1fr;gap:16px}.plp-header{flex-direction:column;align-items:flex-start;gap:12px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.pdp-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:24px 16px}.pdp-images{position:sticky;top:100px;height:fit-content}.image-gallery{display:flex;flex-direction:column;gap:8px}.image-gallery img{width:100%;border-radius:8px;border:1px solid var(--border-subtle);max-height:500px;object-fit:cover}.pdp-image-placeholder{width:100%;height:400px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#999}.pdp-loading,.pdp-error{text-align:center;padding:60px 20px;font-size:18px}.pdp-error{color:#d32f2f}.pdp-header h1{margin:0 0 8px;font-size:28px;font-weight:700}.pdp-header .brand{margin:0 0 8px;color:#666;font-size:16px}.pdp-header .sku{margin:0;color:#999;font-size:12px}.pdp-pricing{margin:20px 0;padding:16px;background:#f5f5f5;border-radius:8px}.pdp-pricing>div{display:flex;justify-content:space-between;margin-bottom:8px}.pdp-pricing .label{font-weight:600;color:#333}.pdp-pricing .amount{font-size:20px;font-weight:700;color:var(--primary-600)}.trade-price .amount{color:#28a745}.sku-selector{margin:20px 0}.sku-selector label{display:block;margin-bottom:8px;font-weight:600}.sku-selector select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.pdp-calculator{margin:24px 0;padding:16px;background:#f0f8ff;border-radius:8px;border:1px solid #b3d9ff}.pdp-calculator h3{margin:0 0 12px}.calc-inputs{display:flex;flex-direction:column;gap:12px}.calc-inputs label{display:flex;flex-direction:column;gap:4px;font-weight:600}.calc-inputs input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.calc-result{background:#fff;padding:12px;border-radius:6px;margin-top:8px}.calc-result p{margin:4px 0;font-size:14px}.pdp-cart{margin:24px 0;padding:16px;background:#f9f9f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.pdp-cart label{display:flex;flex-direction:column;gap:4px;font-weight:600}.pdp-cart input{padding:10px;border:1px solid #ddd;border-radius:6px;width:100px}.btn-add-to-cart{flex-grow:1;padding:12px 20px;background:var(--success-600);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s}.btn-add-to-cart:hover{background:var(--success-700)}.btn-sample{padding:12px 20px;background:#fff;color:#1f2a34;border:1px solid #bcccdc;border-radius:6px;font-weight:700}.btn-sample:hover{border-color:#829ab1}.pdp-tabs{margin-top:32px}.tabs-header{display:flex;gap:16px;border-bottom:2px solid var(--border-subtle);margin-bottom:16px}.tab-btn{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-2px}.tab-btn.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.tab-btn:hover:not(.active){color:#333}.tab-pane{padding:16px 0}.specs-table{width:100%;border-collapse:collapse}.specs-table td{padding:12px;border-bottom:1px solid var(--border-subtle)}.specs-table td:first-child{font-weight:600;width:150px;color:#333}.doc-list{list-style:none;padding:0}.doc-list li{padding:8px 0}.doc-list a{color:var(--primary-600);text-decoration:none}.doc-list a:hover{text-decoration:underline}@media (max-width: 768px){.pdp-container{grid-template-columns:1fr;gap:20px}.pdp-images{position:static}.pdp-cart{flex-direction:column}.pdp-cart input{width:100%}}.cart-page{background:var(--surface-muted);min-height:calc(100vh - 100px);padding:24px 0}.cart-container{max-width:1000px;margin:0 auto;padding:0 16px}.cart-container h1{margin:0 0 24px;font-size:28px;font-weight:700}.empty-cart{background:#fff;border-radius:8px;padding:60px 20px;text-align:center}.empty-cart h1{margin:0 0 12px}.empty-cart p{color:#666;margin-bottom:24px}.btn-continue-shopping{display:inline-block;padding:12px 24px;background:var(--primary-600);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background .2s}.btn-continue-shopping:hover{background:var(--primary-700)}.cart-grid{display:grid;grid-template-columns:1fr 350px;gap:24px}.cart-items{background:#fff;border-radius:8px;padding:24px}.items-table{width:100%;border-collapse:collapse;margin-bottom:24px}.items-table th{text-align:left;padding:12px;border-bottom:2px solid var(--border-subtle);font-weight:600;font-size:14px}.items-table td{padding:16px 12px;border-bottom:1px solid var(--border-subtle)}.item-info strong{display:block;margin-bottom:4px}.sku-code{font-size:12px;color:#999;margin:0}.qty-input{width:60px;padding:6px;border:1px solid #ddd;border-radius:4px;text-align:center}.btn-remove{background:#f0f0f0;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.btn-remove:hover{background:#ff6b6b;color:#fff}.cart-summary{background:#fff;border-radius:8px;padding:24px;height:fit-content;position:sticky;top:120px}.cart-summary h3{margin:0 0 16px;font-size:18px;font-weight:600}.cart-summary-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.shipping-promo{background:#d4edda;color:#155724;padding:8px;border-radius:4px;font-size:12px;margin-top:8px;margin-bottom:0}.cart-summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:20px;padding:12px 0}.btn-checkout{width:100%;padding:14px;background:var(--success-600);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s;margin-bottom:16px}.btn-checkout:hover{background:var(--success-700)}.security-badge{text-align:center;font-size:12px;color:#666;padding:8px;background:#f5f5f5;border-radius:4px}@media (max-width: 768px){.cart-grid{grid-template-columns:1fr}.cart-summary{position:static}.items-table th:nth-child(2),.items-table td:nth-child(2){display:none}}.checkout-page{background:var(--surface-muted);min-height:calc(100vh - 100px);padding:24px 0}.checkout-container{max-width:1000px;margin:0 auto;padding:0 16px}.checkout-container h1{margin:0 0 24px;font-size:28px;font-weight:700}.checkout-grid{display:grid;grid-template-columns:1fr 350px;gap:24px}.checkout-form{background:#fff;border-radius:8px;padding:24px}.form-section h2{margin:0 0 20px;font-size:18px;font-weight:600}.checkout-error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.checkout-form input,.checkout-form select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:12px}.checkout-form input:focus,.checkout-form select:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 3px #007bff1a}.payment-notice{background:#d1ecf1;color:#0c5460;padding:12px;border-radius:6px;margin-bottom:16px}.payment-notice p{margin:6px 0;font-size:14px}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-back,.btn-next{flex:1;padding:14px;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.btn-back{background:#f0f0f0;color:#333}.btn-back:hover{background:#e0e0e0}.btn-next{background:var(--primary-600);color:#fff}.btn-next:hover:not(:disabled){background:var(--primary-700)}.btn-next:disabled{opacity:.6;cursor:not-allowed}.checkout-summary{background:#fff;border-radius:8px;padding:24px;height:fit-content;position:sticky;top:120px}.checkout-summary h3{margin:0 0 16px;font-size:18px;font-weight:600}.summary-items{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);max-height:300px;overflow-y:auto}.summary-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-bottom:12px;font-size:13px}.summary-item:last-child{margin-bottom:0}.summary-totals{margin-bottom:16px}.checkout-summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.checkout-summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;padding-top:8px;border-top:2px solid var(--border-subtle)}.confirmation{background:#fff;border-radius:8px;padding:40px 24px;text-align:center;max-width:500px;margin:40px auto}.success-icon{width:80px;height:80px;background:#28a745;color:#fff;font-size:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirmation h1{margin:0 0 8px;font-size:28px}.confirmation p{color:#666;margin:0 0 24px}.order-details{background:#f9f9f9;border-radius:6px;padding:24px;margin:24px 0;text-align:left}.checkout-detail-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.checkout-detail-row:last-child{margin-bottom:0}.confirmation-text{font-size:14px;color:#666;margin:24px 0}.btn-home{display:inline-block;padding:12px 24px;background:var(--primary-600);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background .2s}.btn-home:hover{background:var(--primary-700)}@media (max-width: 768px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-back,.btn-next{padding:12px}}.admin-shell{max-width:1240px;margin:0 auto;padding:24px 16px 48px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-actions{display:flex;gap:8px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.admin-tabs button{border:1px solid #c3ccd6;background:#fff;color:#2b3b4b;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700}.admin-tabs button.active{background:#102a43;color:#fff;border-color:#102a43}.admin-login-card{max-width:460px;margin:40px auto;padding:24px;background:linear-gradient(150deg,#fff,#f3f8ff);border:1px solid #d9e2ec;border-radius:14px;box-shadow:0 6px 22px #102a4314}.admin-login-card h1{margin-bottom:8px}.admin-login-card p{color:#486581;margin-bottom:14px}.admin-login-card form{display:grid;gap:10px}.admin-login-card label{display:grid;gap:6px;font-weight:600}.admin-login-card input,.admin-form input,.admin-form textarea,.admin-panel table select,.admin-shell select{border:1px solid #c3ccd6;border-radius:8px;padding:10px 12px;font-size:14px;background:#fff;color:#1f2933;min-height:42px;box-sizing:border-box}.admin-shell input:focus,.admin-shell textarea:focus,.admin-shell select:focus{outline:none;border-color:#0f4c81;box-shadow:0 0 0 3px #0f4c8129}.admin-shell select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,#486581 50%),linear-gradient(135deg,#486581 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.admin-shell select:hover{border-color:#9fb3c8}.admin-shell button{background:#0f4c81;color:#fff;border:1px solid #0f4c81;border-radius:8px;padding:10px 14px;font-weight:700;font-size:14px;line-height:1.1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.admin-shell button:hover{background:#0d3f6b;border-color:#0d3f6b}.admin-shell button:disabled{opacity:.65;cursor:not-allowed}.admin-shell button.btn-ghost{background:#fff;color:#243b53;border:1px solid #c3ccd6}.admin-shell button.btn-ghost:hover{background:#f6f8fb;border-color:#9fb3c8}.admin-shell button.btn-danger,.admin-shell button.mini-btn.danger{background:#b42318;border-color:#b42318;color:#fff}.admin-shell button.btn-danger:hover,.admin-shell button.mini-btn.danger:hover{background:#971d13;border-color:#971d13}.admin-shell button.mini-btn{padding:6px 10px;font-size:12px;border-radius:7px}.btn-icon{display:inline-flex;width:18px;justify-content:center;font-size:16px;line-height:1;font-weight:700}.admin-shell button.mini-btn .btn-icon{width:15px;font-size:13px}.action-row{display:flex;flex-wrap:wrap;gap:10px}.admin-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:linear-gradient(170deg,#102a43,#1f4f78);color:#fff;border-radius:12px;padding:18px}.metric-card h3{font-size:13px;letter-spacing:.08em;margin-bottom:8px}.metric-card p{font-size:26px;font-weight:800}.admin-panel{background:#fff;border:1px solid #d9e2ec;border-radius:12px;padding:16px}.admin-panel h2{margin-bottom:14px}.admin-panel .admin-actions{margin-bottom:12px}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 12px;margin-bottom:20px}.admin-form.inline{grid-template-columns:minmax(180px,320px) auto}.admin-form textarea{min-height:90px;resize:vertical}.field-label{display:grid;gap:6px;align-content:start}.field-label>span{font-size:12px;font-weight:700;color:#486581;letter-spacing:.02em}.field-label.full-width{grid-column:1 / -1}.field-label input,.field-label textarea,.field-label select{margin:0}.admin-form .checkbox{display:flex;align-items:center;gap:8px;font-weight:600;margin-top:2px}.admin-form .checkbox input{width:16px;height:16px;margin:0}.admin-panel table{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}.admin-panel th,.admin-panel td{text-align:left;padding:11px 10px;border-top:1px solid #e4edf4;vertical-align:middle}.compact-list{display:grid;gap:6px}.mini-btn{margin-left:8px}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px}.quote-grid input{padding:6px 8px;font-size:12px}.success-text{color:#0f5132;background:#d1f2e1;border:1px solid #b9e7cf;border-radius:8px;padding:8px 10px;margin-bottom:10px}.error-text{color:#842029;background:#f8d7da;border:1px solid #f1b2b8;border-radius:8px;padding:8px 10px;margin-bottom:10px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a438c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.dialog-card{width:min(860px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid #d9e2ec;border-radius:12px;padding:18px 18px 16px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-header h3{margin:0}.dialog-form{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px 14px;margin-bottom:0}.dialog-form textarea,.dialog-form .checkbox,.dialog-form .dialog-actions,.dialog-form .upload-field,.dialog-form .error-text,.dialog-role-note{grid-column:1 / -1}.account-mode-group{display:grid;gap:8px}.account-mode-group .checkbox{margin-top:0}.dialog-role-note{margin:0}.slug-field{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.slug-field input[readonly]{background:#f6f8fb;color:#52606d}.upload-field{display:grid;gap:6px}.upload-field small{color:#52606d}.field-hint{color:#486581;font-size:12px}.image-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px}.image-order-card{border:1px solid #d9e2ec;border-radius:10px;background:#fff;padding:8px;display:grid;gap:8px;cursor:grab;-webkit-user-select:none;user-select:none}.image-order-card.drag-over{border-color:#0f4c81;box-shadow:0 0 0 2px #0f4c8133}.image-order-card.dragging{opacity:.58;cursor:grabbing}.image-order-card img{width:100%;height:110px;object-fit:cover;border-radius:8px;border:1px solid #d9e2ec;background:#f7fbff}.image-order-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#334e68}.admin-shell button.drag-handle{border:none;background:transparent;color:#334e68;padding:0;min-height:auto;font-size:12px;display:inline-flex;align-items:center;gap:5px;cursor:grab}.admin-shell button.drag-handle:hover{border:none;background:transparent;color:#102a43}.image-order-card.dragging .drag-handle{cursor:grabbing}.drag-handle-icon{letter-spacing:-2px;font-size:14px;line-height:1}.drag-hint{color:#627d98}.image-order-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.image-order-actions a{color:#0f4c81;font-size:12px;font-weight:700;text-decoration:none}.image-order-actions a:hover{text-decoration:underline}.image-picker-input{display:none}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:2px}.admin-shell button.image-upload-card{border:2px dashed #bcccdc;border-radius:10px;background:#f9fbfd;color:#334e68;min-height:95px;width:100%;display:flex;flex-direction:column;gap:6px;padding:10px;font-weight:700}.admin-shell button.image-upload-card:hover{border-color:#9fb3c8;background:#f4f7fb;color:#243b53}.image-upload-icon{font-size:24px;line-height:1}.image-preview-card{border:1px solid #d9e2ec;border-radius:10px;background:#f7fbff;padding:8px;display:grid;gap:8px}.image-preview-card img{width:100%;height:95px;object-fit:cover;border-radius:8px;border:1px solid #d9e2ec;background:#fff}.image-preview-card p{margin:0;font-size:12px;color:#243b53;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-card .mini-btn{margin-left:0;width:100%}.dialog-form .checkbox{margin-top:-2px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;padding-top:6px;border-top:1px solid #e4edf4}@media (max-width: 768px){.admin-topbar{align-items:flex-start;flex-direction:column;gap:10px}.admin-form,.admin-form.inline{grid-template-columns:1fr}.admin-panel{overflow-x:auto}.dialog-card{max-height:94vh;padding:12px}.dialog-form{grid-template-columns:1fr;gap:12px}}.app{display:flex;flex-direction:column;min-height:100vh;font-family:inherit;color:#1a1a1a}.main-content{flex-grow:1;background:#fff}.cart-drawer{position:fixed;right:0;top:100px;width:300px;height:calc(100vh - 100px);background:#fff;border-left:1px solid var(--border-subtle);box-shadow:-2px 0 8px #0000001a;z-index:1000;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-content{padding:16px;display:flex;flex-direction:column;height:100%}.cart-drawer-content h2{margin:0 0 16px;font-size:18px}.cart-items-list{flex-grow:1;overflow-y:auto}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:12px;background:#f5f5f5;border-radius:4px;font-size:12px}.btn-remove-item{background:none;border:none;color:#999;cursor:pointer;padding:4px}.btn-remove-item:hover{color:#d32f2f}.cart-drawer-total{padding:12px 0;border-top:1px solid var(--border-subtle);font-weight:600;margin-bottom:12px}.btn-view-cart{width:100%;padding:12px;background:var(--primary-600);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-view-cart:hover{background:var(--primary-700)}.footer{background:#1a1a1a;color:#fff;padding:40px 20px 20px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px}.footer-section h4{margin:0 0 12px;font-size:16px;font-weight:600}.footer-section a{display:block;margin-bottom:8px;color:#ccc;text-decoration:none;font-size:14px;transition:color .2s}.footer-section a:hover{color:#fff}.social-links{display:flex;gap:12px}.social-links a{display:inline-block;margin:0}.footer-bottom{border-top:1px solid #333;text-align:center;padding-top:20px;color:#999;font-size:14px}@media (max-width: 768px){.cart-drawer{width:100%;right:0;left:0}.footer-content{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--stone-900: #1f2a34;--stone-700: #3d4c5d;--sand-100: #f7f4ef;--sand-200: #efe8dc;--accent-600: #c06b2d;--accent-700: #9f5521;--primary-600: #007bff;--primary-700: #0056b3;--primary-050: #f0f8ff;--success-600: #28a745;--success-700: #218838;--danger-600: #d32f2f;--border-subtle: #e0e0e0;--surface-muted: #f9f9f9;font-family:Montserrat,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--stone-900);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-600);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-700)}button{font-family:inherit;cursor:pointer;transition:all .2s}input,select,textarea{font-family:inherit}button:focus,button:focus-visible{outline:2px solid rgba(192,107,45,.35);outline-offset:2px}