*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.08),transparent 26%),radial-gradient(circle at 100% 0%,rgba(14,165,233,.06),transparent 22%),linear-gradient(180deg,#f8fafc,#eef2ff);color:#111827}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;background:linear-gradient(to bottom,#fffffffa,#f8fafceb),linear-gradient(90deg,#2563eb0a,#0ea5e908);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(203,213,225,.7);box-shadow:0 10px 28px #0f172a12}.site-header-inner{max-width:1680px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-title{margin:0;font-size:1.2rem;font-weight:900;display:flex;align-items:center;gap:0;letter-spacing:-.5px}.site-logo-link{display:inline-flex;align-items:center}.site-logo{width:36px;height:36px;border-radius:10px;object-fit:cover;border:1px solid #dbeafe;background:#fff;box-shadow:0 6px 14px #0f172a14}.site-logo-button{width:auto;margin-top:0;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;cursor:pointer;transition:transform .2s;box-shadow:none}.site-logo-button:hover{transform:scale(1.05)}.site-subtitle{margin:3px 0 0;font-size:12px;font-weight:500;color:#9ca3af;letter-spacing:.3px}.nav{display:flex;gap:12px;align-items:center;margin-left:auto;min-height:40px}.nav-search-container{display:flex;align-items:center;height:40px;margin-top:0}.nav-search-icon,.nav .nav-link{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;color:#9ca3af;border-radius:8px;line-height:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;margin-top:0;box-shadow:none}.nav-theme-toggle{width:auto;min-width:122px;height:40px;border:1px solid #cbd5e1;background:linear-gradient(180deg,#fffffffa,#f8fafceb),linear-gradient(135deg,#2563eb0a,#0ea5e90a);color:#1e293b;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-size:12px;font-weight:700;border-radius:999px;margin-top:0;letter-spacing:.02em;box-shadow:0 10px 20px #2563eb14,inset 0 1px #ffffffc7,0 0 0 1px #bfdbfe2e;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.nav-theme-toggle.active{background:linear-gradient(180deg,#dbeafe,#bfdbfe),linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#60a5fa;color:#f8fafc;box-shadow:0 14px 26px #2563eb29,inset 0 1px #ffffffd6,0 0 0 1px #7dd3fc3d}.nav-theme-toggle:hover{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 14px 26px #2563eb1f,inset 0 1px #ffffffe0,0 0 0 1px #93c5fd33}.nav-theme-toggle:active{transform:translateY(0)}.nav-theme-toggle svg{transition:transform .2s ease,color .2s ease}.nav-theme-toggle:hover svg{transform:rotate(-10deg) scale(1.03)}.nav-search-icon:hover,.nav .nav-link:hover{color:#1e293b;background:linear-gradient(180deg,#fff,#eff6ff)}.nav .nav-link.active{color:#111827;background:#f0f0f0}.nav-search-icon svg,.nav .nav-link svg{display:block;width:18px;height:18px}.nav-search-input{width:220px;height:40px;padding:0 14px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#111827;font-size:14px;outline:none;transition:all .2s;box-shadow:0 1px 3px #0000000d;margin-top:0}.nav-search-input::placeholder{color:#d1d5db;font-weight:400}.nav-search-input:focus{border-color:#111827;background:#fff;box-shadow:0 0 0 3px #11182714,0 2px 6px #00000014}.container{max-width:1680px;margin:28px auto;padding:0 24px 32px;display:grid;gap:18px}.container-wide{max-width:1680px}.container-customer{max-width:none;width:100%;padding-inline:32px}.hero{background:linear-gradient(180deg,#fffffff5,#f8fafcf0);border:1px solid #dbeafe;border-radius:16px;padding:22px}.hero-collections{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;min-height:82vh;padding:56px;border:1px solid #dbeafe;background:radial-gradient(circle at 10% 12%,rgba(37,99,235,.1),transparent 34%),radial-gradient(circle at 90% 86%,rgba(14,165,233,.12),transparent 44%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 26px 64px #2563eb24}.hero-collections-copy{display:flex;flex-direction:column;justify-content:center}.hero h1{margin:0 0 14px;line-height:.98;font-size:clamp(3.2rem,8vw,6.6rem);letter-spacing:-.03em;max-width:10ch}.hero p{margin:0;color:#334155;max-width:50ch;font-size:1.05rem}.hero-subcopy{font-size:1.2rem;color:#1e293b;max-width:42ch}.hero-service-line{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.hero-service-line span{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid #bfdbfe;background:linear-gradient(180deg,#fff,#eff6ff);color:#334155;font-size:12px;font-weight:600;letter-spacing:.02em}.hero-actions{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:999px;border:1px solid #93c5fd;background:linear-gradient(180deg,#fffffff5,#eff6ffeb),linear-gradient(135deg,#2563eb14,#0ea5e914);color:#0f172a;font-weight:700;text-decoration:none;box-shadow:0 14px 28px #2563eb1f,inset 0 1px #ffffffe0,0 0 0 1px #bfdbfe2e;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.hero-cta:hover{transform:translateY(-1px);border-color:#60a5fa;box-shadow:0 16px 30px #2563eb29,inset 0 1px #fffffff0,0 0 0 1px #bae6fd3d;background:linear-gradient(180deg,#fff,#eff6ff),linear-gradient(135deg,#3b82f614,#0ea5e91a)}.hero-link{display:inline-flex;align-items:center;height:48px;color:#111827;font-weight:700;text-decoration:none;padding:0 6px;border-radius:12px;transition:color .2s ease,background .2s ease,transform .2s ease}.hero-link:hover{background:#dbeafe80;color:#0f172a}.hero-collections-visual{display:flex;flex-direction:column;gap:16px}.hero-collection-tile{border-radius:14px;border:1px solid #1f2937;padding:26px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 38%),radial-gradient(circle at 15% 18%,rgba(148,163,184,.25),transparent 48%),linear-gradient(145deg,#0b0f17,#111827 58%,#1e293b);color:#f8fafc;box-shadow:0 12px 26px #0f172a3d}.hero-collection-main{min-height:430px}.hero-collection-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-collection-tile p{margin:0;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.1;letter-spacing:-.01em;color:#f8fafc}.hero-collection-tile span{margin-top:6px;color:#cbd5e1;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.eyebrow{margin-bottom:12px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#6b7280}.card{background:linear-gradient(180deg,#fffffffa,#f8fafcf5);border:1px solid #dbeafe;border-radius:16px;padding:18px;box-shadow:0 16px 34px #2563eb14}.reserve-card h2{margin-top:0}.reserve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stock-availability{margin:12px 0 8px;padding:10px;background:#f0f9ff;border-left:4px solid #0284c7;border-radius:6px;font-size:13px;line-height:1.5}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}input,select,button{width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#111827;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b82e}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.breakdown-header h2{margin:0;font-size:18px}button{border:1px solid #bfdbfe;color:#0f172a;background:linear-gradient(180deg,#fffffff5,#f8fafcf5),linear-gradient(135deg,#2563eb0a,#0ea5e908);font-weight:700;cursor:pointer;border-radius:13px;box-shadow:0 12px 24px #2563eb1a,0 1px #ffffffd9 inset,0 0 0 1px #94a3b814;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease,filter .2s ease}button:hover{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 14px 26px #2563eb1f,0 1px #ffffffeb inset,0 0 0 1px #93c5fd38;filter:brightness(1.01)}button:active{transform:translateY(0)}button:disabled{box-shadow:none}.button-secondary{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff),linear-gradient(135deg,#2563eb08,#0ea5e908);color:#0f172a;box-shadow:0 8px 18px #2563eb0f,inset 0 1px #ffffffd9}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 8px;border-radius:999px;font-size:12px}.chip.ok{background:#183724;color:#7df1a5}.chip.low{background:#3f3212;color:#f3ce6f}.chip.out{background:#3e1717;color:#f49797}.product-card h3{margin:4px 0 0;font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card{transition:transform .2s,box-shadow .2s,border-color .2s;animation:fade-up .28s ease-out;animation-fill-mode:both}.product-card:nth-child(2n){animation-delay:40ms}.product-card:nth-child(3n){animation-delay:80ms}.product-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 22px 34px #2563eb24}.product-card-footer{padding:8px 4px 4px}.product-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.product-card-footer .brand{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.department-chip{font-size:10px;padding:2px 8px;border-radius:999px;background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;white-space:nowrap;font-weight:500}.product-image-fallback{width:100%;height:100%;background:linear-gradient(135deg,#1f2937,#374151);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f3f4f6;gap:8px;font-size:13px;font-weight:500;text-align:center;padding:16px}.product-image-fallback span:first-child{font-size:40px}.product-meta-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.detail-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.detail-tag{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid #dbeafe;background:#f8fbff;color:#334155}.product-image-wrap{width:100%;aspect-ratio:1 / 1;min-height:320px;border-radius:12px;overflow:hidden;margin-bottom:8px;padding:10px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe;display:flex;align-items:center;justify-content:center}.product-image-button{padding:0;border:0;background:transparent;display:block;cursor:pointer;margin-top:0;box-shadow:none}.product-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .25s ease}.product-card:hover .product-image{transform:scale(1.04)}.thumbnail-row{display:flex;gap:8px;margin-bottom:10px;overflow-x:auto}.thumb-btn{width:52px;min-width:52px;height:52px;margin-top:0;padding:0;border:1px solid #d1d5db;border-radius:8px;background:#fff;overflow:hidden}.thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.thumb-btn.active{border-color:#111827;box-shadow:0 0 0 2px #11182726}.brand{color:#6b7280}.description{color:#374151;min-height:38px}.stock-group-list{display:grid;gap:6px}.stock-group-line{padding:6px 8px;border-radius:8px;background:#f8fbff;border:1px solid #dbeafe;font-size:12px;color:#334155}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px}.message{margin:8px 0 0;color:#2563eb}.field-hint{margin:8px 0 0;font-size:12px;color:#6b7280}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.admin-subnav{padding:10px}.admin-subnav-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-subnav-tab{margin-top:0;width:auto;min-height:38px;border-radius:999px;border:1px solid #d1d5db;background:linear-gradient(180deg,#fff,#f8fafc);color:#1f2937;font-weight:600;padding:0 14px;box-shadow:0 8px 16px #0f172a0f}.admin-subnav-tab.active{background:linear-gradient(135deg,#111827,#334155);border-color:#111827;color:#fff;box-shadow:0 10px 22px #0f172a24}.section-head h2{margin:0;font-size:1.1rem;letter-spacing:-.02em}.section-head button,.actions-inline button{margin-top:0;width:auto;padding-inline:12px}.actions-inline{display:flex;gap:8px;flex-wrap:wrap}.products-card{padding:20px}.admin-section{height:72vh;display:flex;flex-direction:column;overflow:hidden}.products-table-wrap,.admin-table-wrap{margin-top:10px;width:100%;max-width:100%;overflow-x:auto;overflow-y:scroll;flex:1;min-height:0;max-height:none;scrollbar-gutter:stable both-edges;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)}.admin-section .pagination-bar{flex-shrink:0}.admin-table{width:1560px;min-width:1560px;max-width:1560px;table-layout:auto;font-size:13px}.admin-table th,.admin-table td{padding:10px 12px;vertical-align:middle}.admin-table thead th{background:linear-gradient(180deg,#f8fbff,#eef2ff);color:#334155;font-weight:700}.admin-table tbody tr:nth-child(2n){background:#fcfdff}.admin-table tbody tr:hover{background:#f8fafc}.reservation-status-select{margin-top:0;width:150px;min-width:150px;padding:7px 10px;border-radius:8px;border-color:#cbd5e1;font-size:12px;font-weight:600;background:#f8fafc}.reservation-status-cell{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap}.order-status-chip{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:132px;min-height:30px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;border:1px solid transparent}.order-status-chip.status-ordered{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.order-status-chip.status-preparing{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.order-status-chip.status-shipped{background:#ecfeff;border-color:#a5f3fc;color:#155e75}.order-status-chip.status-delivered{background:#ecfdf3;border-color:#86efac;color:#166534}.admin-summary-grid{margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.admin-summary-card{border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px;box-shadow:0 10px 20px #2563eb0f}.admin-summary-card p{margin:0 0 4px;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.admin-summary-card h3{margin:0;font-size:22px;color:#0f172a}.products-table{width:1560px;min-width:1560px;max-width:1560px;table-layout:auto;font-size:13px}.products-table th,.products-table td{padding:10px 12px;vertical-align:top}.products-table thead th{background:linear-gradient(180deg,#f8fbff,#eef2ff);color:#334155;font-weight:700}.products-table thead tr:nth-child(2) th{border-top:1px solid #e5e7eb}.products-table tbody tr:nth-child(2n){background:#fcfdff}.products-table tbody tr:hover{background:#f8fafc}.products-table thead input,.products-table thead select{margin-top:0;min-width:120px}.products-state,.products-stocks{min-width:190px;line-height:1.4;color:#374151}.products-table .actions-inline{flex-wrap:nowrap}.filter-bar{margin-bottom:12px;border:none;border-radius:0;background:transparent;box-shadow:none;padding:2px 0 6px;animation:fade-up .26s ease-out}.filter-bar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0}.filter-results{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#eff6ffeb);border:1px solid #bfdbfe;box-shadow:0 10px 24px #2563eb14;font-size:12px;color:#64748b;font-weight:700;letter-spacing:.02em}.filter-results-count{color:#0f172a}.filter-results-meta{color:#64748b}.filter-results-chip{padding:3px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px}.filter-bar-actions{display:flex;align-items:center;gap:8px}.filter-drawer-btn{width:auto;border:1px solid #bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff),linear-gradient(135deg,#2563eb0a,#0ea5e90a);color:#1e293b;font-size:12px;font-weight:600;padding:7px 12px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 10px 20px #2563eb0f,inset 0 1px #ffffffdb}.filter-drawer-btn.active{background:linear-gradient(180deg,#dbeafe,#bfdbfe),linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#60a5fa;color:#f8fafc;box-shadow:0 14px 26px #2563eb24,inset 0 1px #ffffffe0,0 0 0 1px #7dd3fc33}.filter-drawer-btn svg{width:16px;height:16px}.filter-controls-grid{display:grid;grid-template-columns:1fr;gap:12px}.filter-control{display:flex;flex-direction:column;gap:5px}.filter-control-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.filter-control select{min-height:38px;border-radius:10px;border:1px solid #bfdbfe;background:#fff;font-size:13px;color:#1f2937;padding:0 11px}.filter-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a7a;z-index:60;display:flex;justify-content:flex-end}.filter-drawer{width:min(380px,92vw);height:100vh;background:linear-gradient(180deg,#fff,#f8fbff);border-left:1px solid #bfdbfe;box-shadow:-26px 0 56px #2563eb24;padding:18px 16px 16px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;overflow:hidden;animation:slide-in-filter-drawer .18s ease-out}@keyframes slide-in-filter-drawer{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dbeafe;padding-bottom:10px}.filter-drawer-header h3{margin:0;font-size:18px;color:#0f172a}.filter-drawer .filter-controls-grid{overflow-y:auto;padding-right:4px}.filter-drawer-footer{border-top:1px solid #dbeafe;padding-top:12px;display:flex;justify-content:space-between;gap:10px}.filter-reset-btn{background:linear-gradient(180deg,#fff,#f8fbff),linear-gradient(135deg,#2563eb0a,#0ea5e908);border:1px solid #bfdbfe;color:#1e293b;font-size:12px;padding:7px 13px;border-radius:9px;font-weight:600;width:auto;box-shadow:0 10px 20px #2563eb0f,inset 0 1px #ffffffe6}.filter-reset-btn:hover{background:linear-gradient(180deg,#fff,#eff6ff),linear-gradient(135deg,#2563eb0d,#0ea5e90a);border-color:#93c5fd}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a85;display:grid;place-items:center;padding:16px;z-index:50}.modal-panel{width:min(900px,100%);max-height:85vh;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:grid;gap:10px;box-shadow:0 24px 48px #0f172a38}.modal-panel-compact{width:min(420px,100%)}.reserve-modal{width:min(960px,96vw);max-height:90vh;overflow-y:auto}.reserve-modal-content{display:grid;grid-template-columns:320px 1fr;gap:28px}.reserve-modal-image{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1}.reserve-modal-image img{width:100%;height:100%;object-fit:contain}.reserve-modal-form{display:grid;grid-template-columns:1fr;gap:16px}.form-section{display:grid;grid-template-columns:1fr;gap:6px}.form-section label{font-weight:600;font-size:13px;color:#374151}.required{color:#dc2626;margin-left:4px}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.size-btn{padding:12px 8px;border:2px solid #bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff),linear-gradient(135deg,#2563eb08,#0ea5e908);color:#1e293b;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s;box-shadow:0 10px 18px #2563eb0f,inset 0 1px #ffffffe6}.size-btn:hover:not(:disabled){border-color:#93c5fd;background:linear-gradient(180deg,#fff,#eff6ff),linear-gradient(135deg,#2563eb0a,#0ea5e90a)}.size-btn.active{border-color:#60a5fa;background:linear-gradient(180deg,#dbeafe,#bfdbfe),linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 14px 26px #2563eb29,inset 0 1px #ffffffeb,0 0 0 1px #7dd3fc33}.size-btn:disabled,.size-btn.unavailable{opacity:.4;cursor:not-allowed}.size-label{font-weight:600}.size-stock{font-size:10px;color:#6b7280}.size-btn.active .size-stock{color:#e5e7eb}.btn-primary{background:linear-gradient(180deg,#dbeafe,#bfdbfe),linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border:1px solid #60a5fa;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;font-size:14px;margin-top:8px;box-shadow:0 14px 26px #2563eb24,inset 0 1px #ffffffeb,0 0 0 1px #7dd3fc33}.btn-primary:hover{background:linear-gradient(180deg,#eff6ff,#dbeafe),linear-gradient(135deg,#3b82f6,#0ea5e9);border-color:#93c5fd}.btn-delete{background:linear-gradient(180deg,#fecaca,#fca5a5),linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid #f87171;padding:8px 12px;border-radius:10px;font-weight:500;cursor:pointer;font-size:12px;width:auto;margin-top:0;box-shadow:0 12px 22px #dc262624,inset 0 1px #ffffffd6}.btn-delete:hover{background:linear-gradient(180deg,#fee2e2,#fecaca),linear-gradient(135deg,#ef4444,#dc2626);border-color:#fb7185}.delete-modal{width:100%;max-width:500px;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden;background:#fff}.delete-modal-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #991b1b}.delete-modal-header h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.5px}.close-btn,.modal-close-btn{background:none;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:none;transition:background .15s,color .15s,transform .15s;flex-shrink:0}.close-btn:hover,.modal-close-btn:hover{background:#00000014}.delete-modal-header .close-btn,.delete-modal-header .modal-close-btn{color:#fff}.delete-modal-header .close-btn:hover,.delete-modal-header .modal-close-btn:hover{background:#fff3}.delete-modal-body{padding:32px;max-height:70vh;overflow-y:auto}.warning-box{display:flex;gap:16px;padding:16px;background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;margin-bottom:28px}.warning-icon{font-size:28px;flex-shrink:0}.warning-text{flex:1}.warning-text p{margin:0 0 8px;font-size:14px;color:#7f1d1d;line-height:1.5}.warning-text p:last-child{margin-bottom:0}.warning-text strong{color:#991b1b}.confirm-code-section{margin-bottom:28px}.confirm-instruction{font-size:14px;color:#475569;margin:0 0 12px;font-weight:500}.confirm-code-display{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:16px;text-align:center;font-family:Monaco,Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:4px;color:#0f172a;margin-bottom:16px;-webkit-user-select:all;user-select:all}.confirm-code-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:Monaco,Courier New,monospace;letter-spacing:2px;text-transform:uppercase;transition:border-color .2s;box-sizing:border-box}.confirm-code-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.confirm-code-input::placeholder{color:#cbd5e1;letter-spacing:normal}.delete-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e2e8f0;background:#f8fafc}.btn-cancel{padding:12px 24px;background:linear-gradient(180deg,#fff,#eff6ff),linear-gradient(135deg,#2563eb0a,#0ea5e908);color:#1e293b;border:1px solid #bfdbfe;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 10px 20px #2563eb0f,inset 0 1px #ffffffe6}.btn-cancel:hover{background:linear-gradient(180deg,#fff,#dbeafe),linear-gradient(135deg,#2563eb0d,#0ea5e90a);border-color:#93c5fd}.btn-delete-confirm{padding:12px 24px;background:linear-gradient(180deg,#fee2e2,#fecaca),linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:1px solid #fb7185;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 12px 22px #dc262624,inset 0 1px #ffffffd6}.btn-delete-confirm:hover:not(:disabled){background:linear-gradient(180deg,#fee2e2,#fca5a5),linear-gradient(135deg,#ef4444,#dc2626);border-color:#fb7185;box-shadow:0 6px 14px #dc262638}.btn-delete-confirm:disabled{background:#fca5a5;border-color:#fca5a5;cursor:not-allowed;opacity:.6}.stock-mode-toggle{width:100%;margin-top:0;background:linear-gradient(180deg,#fff,#f8fbff),linear-gradient(135deg,#2563eb0a,#0ea5e908);color:#1e293b;border:1px solid #bfdbfe;font-weight:600;box-shadow:0 10px 20px #2563eb0f,inset 0 1px #ffffffe0}.stock-mode-toggle.active{background:linear-gradient(180deg,#dbeafe,#bfdbfe),linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border-color:#60a5fa;box-shadow:0 14px 26px #2563eb29,inset 0 1px #ffffffe6,0 0 0 1px #7dd3fc33}@media (max-width: 720px){.reserve-modal-content{grid-template-columns:1fr}.reserve-modal-image{aspect-ratio:1 / 1}}.modal-table-wrap{overflow:auto}.logo-preview{width:88px;height:88px;border-radius:12px;object-fit:cover;border:1px solid #d1d5db;background:#fff}.site-footer{margin-top:auto;border-top:1px solid #e5e7eb;background:#fff}.site-footer-inner{max-width:1680px;margin:0 auto;padding:16px 24px 20px;color:#6b7280;font-size:12px;display:flex;justify-content:space-between;gap:10px}.site-footer-inner p{margin:0}.pagination-bar{display:flex;justify-content:center;align-items:center;border:1px solid #dbeafe;border-radius:14px;box-shadow:0 12px 28px #2563eb14;background:linear-gradient(180deg,#fff,#f8fbff)}.pagination-numbers{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.page-number-btn{width:auto;min-width:40px;margin-top:0;padding:8px 12px;border:1px solid #bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff),linear-gradient(135deg,#2563eb0a,#0ea5e908);color:#1e293b;box-shadow:0 10px 20px #2563eb0f,inset 0 1px #ffffffe0}.page-number-btn:hover{border-color:#93c5fd;background:linear-gradient(180deg,#fff,#eff6ff),linear-gradient(135deg,#2563eb0d,#0ea5e90a)}.admin-login-card{max-width:460px;margin-inline:auto}.page-number-btn.active{background:linear-gradient(180deg,#dbeafe,#bfdbfe),linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;border-color:#60a5fa;box-shadow:0 14px 26px #2563eb29,inset 0 1px #ffffffe6,0 0 0 1px #7dd3fc33}.page-nav-btn{min-width:40px;padding-inline:10px}.page-number-btn:disabled{opacity:.45;cursor:not-allowed}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:20px;color:#6b7280}.skeleton-card{pointer-events:none}.skeleton-media{width:100%;aspect-ratio:4 / 3;border-radius:12px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:skeleton-shimmer 1.1s infinite linear,fade-up .24s ease-out}.skeleton-line{margin-top:10px;height:11px;border-radius:999px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:skeleton-shimmer 1.1s infinite linear,fade-up .24s ease-out}.skeleton-line.short{width:58%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-banner{position:fixed;top:86px;right:20px;z-index:80;background:#0f172a;color:#f8fafc;padding:10px 14px;border-radius:10px;border:1px solid #1e293b;box-shadow:0 12px 30px #0f172a40;font-size:13px;font-weight:600;max-width:min(420px,calc(100vw - 40px))}body.theme-dark{background:radial-gradient(circle at 8% 4%,rgba(59,130,246,.24),transparent 30%),radial-gradient(circle at 88% 12%,rgba(14,165,233,.18),transparent 26%),radial-gradient(circle at 50% 100%,rgba(30,64,175,.12),transparent 34%),linear-gradient(180deg,#0b1220,#0f172a 45%,#111827);color:#e8edf4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.theme-dark .site-header,body.theme-dark .site-footer,body.theme-dark .pagination-bar{background:linear-gradient(180deg,#1e293bd1,#0f172ad6),linear-gradient(90deg,#2563eb1a,#0ea5e90f);border-color:#475569;color:#e8edf4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 30px #0206173d}body.theme-dark .card,body.theme-dark .filter-drawer,body.theme-dark .modal-panel,body.theme-dark .product-card,body.theme-dark .products-table-wrap,body.theme-dark .admin-table-wrap{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%),linear-gradient(180deg,#111827f7,#0a101ef7);border-color:#475569;color:#e8edf4;box-shadow:0 20px 44px #02061752,inset 0 1px #ffffff0a}body.theme-dark .admin-summary-card{background:linear-gradient(160deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(180deg,#1e293bf0,#0b1220fa);border-color:#475569;color:#e8edf4;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0206173d}body.theme-dark .hero-collections,body.theme-dark .hero{background:radial-gradient(circle at 12% 15%,rgba(59,130,246,.2),transparent 30%),radial-gradient(circle at 86% 84%,rgba(14,165,233,.16),transparent 28%),linear-gradient(145deg,#0f172a,#111827 55%,#1e293b);border-color:#475569;box-shadow:0 20px 42px #0206174d}body.theme-dark .hero p,body.theme-dark .hero-subcopy,body.theme-dark .field-hint,body.theme-dark .message,body.theme-dark .brand,body.theme-dark .product-card-footer .brand,body.theme-dark .admin-summary-card p,body.theme-dark .admin-summary-card h3,body.theme-dark .site-footer,body.theme-dark .site-footer-inner,body.theme-dark .filter-results{color:#d8e0ea;line-height:1.55}body.theme-dark .admin-summary-card h3{color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.48)}body.theme-dark .filter-results{background:linear-gradient(180deg,#1e293bdb,#0f172ae6),linear-gradient(90deg,#2563eb1f,#0ea5e914);border-color:#475569;box-shadow:0 12px 28px #0206173d}body.theme-dark .filter-results-count{color:#f8fafc}body.theme-dark .filter-results-meta{color:#cbd5e1}body.theme-dark .filter-results-chip{background:#2563eb2e;color:#dbeafe}body.theme-dark .filter-drawer-header{border-bottom-color:#334155}body.theme-dark .filter-drawer-header h3{color:#f8fafc;text-shadow:0 1px 1px rgba(2,6,23,.42)}body.theme-dark .filter-drawer-header .close-btn{color:#e2e8f0}body.theme-dark .filter-drawer-footer{border-top-color:#334155}body.theme-dark .filter-control-label{color:#dbeafe}body.theme-dark .filter-control select{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#475569;color:#f8fafc}body.theme-dark .filter-control select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f633}body.theme-dark .hero-service-line span,body.theme-dark .department-chip,body.theme-dark .detail-tag,body.theme-dark .stock-group-line,body.theme-dark .page-ellipsis{background:#1e293be6;border-color:#334155;color:#e5e7eb}body.theme-dark .hero-cta,body.theme-dark .hero-link,body.theme-dark .filter-drawer-btn.active,body.theme-dark .filter-reset-btn,body.theme-dark .button-secondary,body.theme-dark .btn-cancel,body.theme-dark .page-number-btn,body.theme-dark .admin-subnav-tab,body.theme-dark .stock-mode-toggle{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,#475569f5,#0f172afa);border-color:#94a3b88a;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 14px 28px #0206174d,inset 0 1px #ffffff1a}body.theme-dark .nav-theme-toggle.active{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 36%),linear-gradient(135deg,#1d4ed8,#2563eb 48%,#0ea5e9);border-color:#93c5fd;color:#f8fafc;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 16px 30px #2563eb61,inset 0 1px #fff3}body.theme-dark .nav-theme-toggle{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#1e293bf5,#0f172af5);border-color:#94a3b875;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 10px 22px #0206173d,inset 0 1px #ffffff0d}body.theme-dark .nav-theme-toggle:hover{background:linear-gradient(180deg,#3b82f61f,#0f172af5),linear-gradient(180deg,#1e293bf5,#0f172af5);border-color:#64748b}body.theme-dark .nav-theme-toggle:not(.active) svg{color:#e2e8f0}body.theme-dark .filter-drawer-btn.active,body.theme-dark .page-number-btn.active,body.theme-dark .admin-subnav-tab.active,body.theme-dark .stock-mode-toggle.active{background:linear-gradient(135deg,#bfdbfe2e,#0ea5e938),linear-gradient(135deg,#1e40af,#0f766e);border-color:#7dd3fc;color:#f8fafc;box-shadow:0 16px 28px #0f172a57,inset 0 1px #ffffff29}body.theme-dark .hero-cta:hover,body.theme-dark .hero-link:hover,body.theme-dark .filter-reset-btn:hover,body.theme-dark .page-number-btn:hover,body.theme-dark .admin-subnav-tab:hover,body.theme-dark .stock-mode-toggle:hover{background:linear-gradient(180deg,#94a3b82e,#0f172afa),linear-gradient(180deg,#334155fa,#0f172afa);border-color:#94a3b8;transform:translateY(-1px)}body.theme-dark .admin-table thead th,body.theme-dark .products-table thead th{background:linear-gradient(180deg,#334155,#1e293b);border-color:#475569;color:#e5e7eb}body.theme-dark .admin-table tbody tr:nth-child(2n),body.theme-dark .products-table tbody tr:nth-child(2n){background:#1e293bb3}body.theme-dark .admin-table tbody tr:hover,body.theme-dark .products-table tbody tr:hover{background:#334155}body.theme-dark .nav-search-icon,body.theme-dark .nav .nav-link{color:#cbd5e1}body.theme-dark .nav-search-icon:hover,body.theme-dark .nav .nav-link:hover{color:#f8fafc;background:#2563eb29}body.theme-dark .nav-search-input,body.theme-dark input,body.theme-dark select,body.theme-dark .page-number-btn,body.theme-dark .filter-drawer-btn,body.theme-dark .filter-reset-btn,body.theme-dark .stock-mode-toggle{background:linear-gradient(180deg,#334155,#0f172a);border-color:#94a3b880;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42)}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn){background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%),linear-gradient(180deg,#334155,#0f172a);border-color:#94a3b86b;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 10px 20px #0206173d,inset 0 1px #ffffff0f}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):before{content:"";display:none}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):after{content:"";display:none}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn)>*{position:relative}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):hover{background:linear-gradient(180deg,#94a3b829,#0f172afa),linear-gradient(180deg,#475569,#111827);border-color:#94a3b8;box-shadow:0 12px 22px #02061747,inset 0 1px #ffffff14}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):active{transform:translateY(0)}body.theme-dark .page-number-btn,body.theme-dark .filter-drawer-btn,body.theme-dark .filter-reset-btn,body.theme-dark .stock-mode-toggle{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#334155,#111827);border-color:#94a3b870;box-shadow:0 10px 20px #0206173d,inset 0 1px #ffffff0f}body.theme-dark .page-number-btn,body.theme-dark .filter-drawer-btn,body.theme-dark .filter-reset-btn,body.theme-dark .stock-mode-toggle,body.theme-dark .button-secondary,body.theme-dark .btn-cancel,body.theme-dark .btn-primary,body.theme-dark .btn-delete,body.theme-dark .btn-delete-confirm,body.theme-dark .admin-subnav-tab{color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42)}body.theme-dark .nav-search-input::placeholder,body.theme-dark input::placeholder{color:#94a3b8}body.theme-dark .reservation-status-select{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#bfdbfe80;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #bfdbfe24}body.theme-dark .reservation-status-cell{align-items:center}body.theme-dark .product-image-wrap,body.theme-dark .reserve-modal-image,body.theme-dark .thumb-btn{background:#0b1220;border-color:#334155}body.theme-dark .product-card h3,body.theme-dark .hero-collection-tile p,body.theme-dark .hero-collection-tile span,body.theme-dark .breakdown-header h2,body.theme-dark .form-section label,body.theme-dark .confirm-code-display,body.theme-dark .confirm-instruction,body.theme-dark .warning-text p,body.theme-dark .warning-text strong,body.theme-dark .delete-modal-header h2,body.theme-dark .section-head h2,body.theme-dark .reservation-status-select,body.theme-dark .order-status-chip{color:#f8fafc}body.theme-dark .order-status-chip.status-ordered{background:#6366f12e;border-color:#818cf87a;color:#e0e7ff}body.theme-dark .order-status-chip.status-preparing{background:#f9731629;border-color:#fb923c73;color:#ffedd5}body.theme-dark .order-status-chip.status-shipped{background:#0e74902e;border-color:#22d3ee66;color:#cffafe}body.theme-dark .order-status-chip.status-delivered{background:#16a34a2e;border-color:#4ade806b;color:#dcfce7}body.theme-dark .product-card h3,body.theme-dark .section-head h2,body.theme-dark .breakdown-header h2,body.theme-dark .delete-modal-header h2,body.theme-dark .form-section label{text-shadow:0 1px 1px rgba(2,6,23,.35)}body.theme-dark .hero-collection-tile{background:linear-gradient(160deg,rgba(255,255,255,.035),transparent 38%),radial-gradient(circle at 15% 18%,rgba(59,130,246,.14),transparent 48%),linear-gradient(145deg,#0b1220,#111827 58%,#1f2937);border-color:#334155;box-shadow:0 12px 26px #0f172a47}body.theme-dark .product-card{box-shadow:0 14px 30px #0f172a3d}body.theme-dark .product-card:hover{border-color:#64748b;box-shadow:0 22px 34px #0206175c}body.theme-dark .size-btn{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 30%),linear-gradient(180deg,#334155,#111827);border-color:#bfdbfe80;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 10px 18px #02061742,inset 0 1px #ffffff1a}body.theme-dark .size-btn:hover:not(:disabled){background:linear-gradient(180deg,#bfdbfe38,#0f172afa),linear-gradient(180deg,#4b5563,#111827);border-color:#e0f2fe}body.theme-dark .size-btn.active{background:linear-gradient(135deg,#bfdbfe66,#0ea5e957),linear-gradient(135deg,#2563eb,#0f172a);color:#fff;border-color:#f0f9ff;box-shadow:0 12px 24px #2563eb61,0 0 0 1px #bfdbfe3d}body.theme-dark .confirm-code-display{color:#f8fafc;letter-spacing:3px}body.theme-dark .delete-modal,body.theme-dark .modal-panel,body.theme-dark .reserve-modal-image,body.theme-dark .delete-modal-body,body.theme-dark .delete-modal-footer,body.theme-dark .confirm-code-display{background:#111827;border-color:#374151}body.theme-dark .warning-box{background:#1f2937;border-left-color:#fb7185}body.theme-dark .confirm-code-input{background:#1f2937;border-color:#374151;color:#e5e7eb}body.theme-dark .filter-drawer-btn{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,#334155,#0f172a);border-color:#64748b;color:#f8fafc;box-shadow:0 12px 24px #02061747}body.theme-dark .filter-reset-btn{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,#334155,#0f172a);border-color:#64748b;color:#e8edf4}body.theme-dark .btn-primary,body.theme-dark .btn-delete,body.theme-dark .btn-delete-confirm{background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,#475569,#0f172a);border-color:#94a3b8a3;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42)}@media (max-width: 720px){.reserve-grid,.filter-grid,.catalog-controls-top{grid-template-columns:1fr}.site-header-inner{flex-direction:column;align-items:flex-start}.hero-collections{grid-template-columns:1fr;gap:16px;min-height:auto;padding:24px}.hero-collection-row{grid-template-columns:1fr}.site-footer-inner{flex-direction:column}.container-customer{padding-inline:16px}.section-head{flex-direction:column;align-items:flex-start}.nav-search-input{width:160px}.filter-bar-top{flex-direction:column;align-items:flex-start}.filter-bar-actions{width:100%;justify-content:space-between;flex-wrap:wrap}}