:root{--ink:#192b35;--navy:#15242d;--muted:#667982;--line:#dfe5e8;--paper:#f4f6f7;--yellow:#f6ca4f;--green:#2c7051}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1c96b1;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.25;letter-spacing:-.5px}h2{font-size:18px;line-height:1.4;margin-bottom:12px}h3{font-size:15px}small{font-size:11px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:3px;gap:8px;font-size:13px;font-weight:700}.primary{background:var(--yellow);color:var(--navy)}.primary:hover{background:#ffe18a}.outline{background:white;border-color:#cdd7dc;color:var(--ink)}.outline:hover{background:#f2f5f6}.danger{color:#a23931;background:white;border:1px solid #e7c9c6;border-radius:3px;padding:7px 10px;min-height:34px;font-size:12px}.muted{color:var(--muted);font-size:13px;line-height:1.8}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--yellow);padding:12px}.skip-link:focus{top:12px}
.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--navy);color:#d9e2e7;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:29px 20px}.admin-brand{display:block;border-bottom:1px solid #ffffff20;padding:0 11px 24px;margin-bottom:20px}.admin-brand strong{display:block;font-size:23px;color:white;letter-spacing:-.7px}.admin-brand span{display:block;font-size:12px;color:#98abb5;margin-top:4px}.admin-nav{display:flex;flex-direction:column;gap:5px}.admin-nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;font-size:13px;border-radius:3px}.admin-nav a:hover{background:#223945}.admin-nav a[aria-current=page]{background:var(--yellow);color:var(--navy);font-weight:700}.sidebar-bottom{margin-top:auto;padding:20px 11px 0;font-size:11px;color:#9aacb6;line-height:1.7}.sidebar-bottom>span{color:#d9e4e9;font-weight:700}.sidebar-bottom p{margin-block:7px 20px}.sidebar-bottom a{color:#e0e9ed;font-size:11px}.admin-main{min-width:0}.admin-topbar{height:73px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 36px;position:sticky;top:0;z-index:10}.admin-topbar>span{font-size:14px;font-weight:700}.admin-topbar .outline{font-size:12px;min-height:38px}.menu-toggle{display:none}.mobile-nav{display:none}.demo-note{background:#eef2f4;border-bottom:1px solid var(--line);font-size:11px;color:#62757f;padding:11px 36px;line-height:1.6}#admin-content{padding:32px 36px 50px;max-width:1520px;margin:auto}.page-heading{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:27px}.page-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:8px;max-width:670px}.page-actions{display:flex;gap:8px;flex-shrink:0}.panel{background:white;border:1px solid var(--line);border-radius:4px;padding:24px;margin-bottom:22px;min-width:0}.panel>p{margin-bottom:17px}.panel-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel-heading h2{margin-bottom:4px}.panel-heading p{font-size:12px;color:var(--muted);line-height:1.8}.panel-heading .field{min-width:155px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metrics article{background:white;border:1px solid var(--line);padding:23px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:36px;font-weight:600;margin-block:8px}.metrics small{display:block;color:var(--muted);line-height:1.7}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quick-actions button{border:1px solid var(--line);background:#f9fafb;padding:18px;text-align:left;color:var(--ink)}.quick-actions button:hover{border-color:#a3b5bf}.quick-actions strong{display:block;font-size:14px;margin-bottom:6px}.quick-actions span{font-size:12px;color:var(--muted)}.recent-orders button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:white;color:var(--ink);text-align:left}.recent-orders small{display:block;color:var(--muted);margin-top:5px}.badge{display:inline-block;border-radius:3px;background:#eef1f3;color:#62747d;padding:4px 9px;font-size:10px;white-space:nowrap}.badge.green{background:#eaf5ee;color:var(--green)}
.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}.field input,.field select,.field textarea,.search-field input{width:100%;padding:11px 12px;color:var(--ink);background:white;border:1px solid #cfd9de;border-radius:3px;min-height:43px;font-size:14px;font-weight:400;min-width:0}.field textarea{resize:vertical;line-height:1.7}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}.field.full{grid-column:1/-1}.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.checkbox-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:12px}.checkbox-row label{display:flex;gap:8px;align-items:center}input[type=checkbox]{accent-color:var(--navy);width:15px;height:15px;vertical-align:middle}.table-toolbar{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}.table-toolbar>span{margin-left:auto;color:var(--muted);font-size:12px;padding-bottom:12px}.table-toolbar>.field{min-width:190px}.search-field{flex:1;min-width:210px;display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{padding:12px 14px;background:#f3f6f7;color:#627680;font-size:11px;font-weight:600;white-space:nowrap}td{padding:16px 14px;border-bottom:1px solid #e5eaed;vertical-align:middle}td:first-child,th:first-child{padding-left:9px}.product-cell{display:flex;gap:13px;align-items:center;min-width:215px}.product-cell img{width:48px;height:48px;object-fit:contain;background:#f3f5f6;flex-shrink:0}.product-cell strong{font-size:13px}.product-cell small{display:block;color:var(--muted);margin-top:5px;max-width:340px}.photo-placeholder{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#eef2f4;color:#7a8c95;font-size:10px;flex-shrink:0}.row-actions{display:flex;gap:6px}.row-actions>button:not(.danger){background:white;border:1px solid #cbd7dd;border-radius:3px;padding:7px 11px;font-size:12px;color:var(--ink)}.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;color:var(--muted);font-size:12px}.admin-pagination>div{display:flex;gap:5px;flex-wrap:wrap}.admin-pagination button{width:36px;height:36px;background:white;border:1px solid var(--line);border-radius:3px;color:var(--ink)}.admin-pagination button[aria-current=page]{background:var(--navy);border-color:var(--navy);color:white}.empty{text-align:center;padding:48px 24px;background:white;border:1px dashed #ccd8de;border-radius:3px;margin-block:12px}.empty h2{font-size:19px;margin-bottom:10px}.empty p{font-size:13px;color:var(--muted);max-width:530px;margin:auto;line-height:1.9}.save-bar{display:flex;gap:9px;justify-content:flex-end;position:sticky;bottom:0;background:#f4f6f7ef;border-top:1px solid #dfe5e8;padding:16px 0;z-index:5}.file-button{position:relative;overflow:hidden;cursor:pointer;flex-shrink:0}.file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-button:focus-within{outline:3px solid #1c96b1;outline-offset:3px}.editor-photos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.editor-photos article{border:1px solid var(--line);padding:10px}.editor-photos img{width:100%;height:125px;object-fit:contain;background:#f7f8f9}.editor-photos span{display:block;font-size:11px;margin-block:8px}.editor-photos article>div{display:flex;gap:5px}.editor-photos button{border:1px solid var(--line);background:white;padding:6px 8px;font-size:10px;min-height:32px;color:var(--ink)}.editor-photos button.danger{color:#a23931}.hero-upload{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px;border-top:1px solid var(--line);padding-top:21px}.hero-upload p{font-size:12px;color:var(--muted);max-width:600px;margin-top:6px;line-height:1.8}.admin-hero-preview{width:100%;height:200px;object-fit:cover;margin-block:20px}.faq-editor{display:grid;gap:20px}.faq-editor article{border:1px solid var(--line);padding:18px}.faq-editor article .field{margin-bottom:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-grid article{border:1px solid var(--line);padding:14px}.gallery-grid img{width:100%;height:170px;object-fit:cover;margin-bottom:15px}.gallery-grid .field{margin-top:12px}.gallery-grid .checkbox-row{justify-content:space-between;margin-top:12px}.order-card .badge{margin-bottom:9px}.customer-info{display:flex;flex-direction:column;gap:4px;color:#62767e;font-size:13px}.customer-info strong{color:var(--ink);font-size:15px}.order-items{list-style:none;padding:0;margin-block:22px}.order-items li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.order-items small{display:block;color:var(--muted);margin-top:5px}.order-total{display:flex;gap:20px;align-items:center;justify-content:space-between}.order-total small{display:block;color:var(--muted);margin-top:5px}.order-total>strong{font-size:22px}.order-notes{margin-top:20px;font-size:12px;color:var(--muted);line-height:1.8}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.upload-grid .field{margin-top:20px}.upload-grid .form-actions .primary{flex-basis:100%}.column-guide{margin-top:22px;font-size:12px;color:var(--muted)}.column-guide summary{color:var(--ink);font-weight:700;cursor:pointer}.column-guide p{line-height:2;margin-top:10px}.column-guide code{display:inline-block;background:#f2f5f6;margin:3px;padding:2px 5px}.photo-queue{margin-block:20px;display:grid;gap:10px}.photo-queue>div{display:grid;grid-template-columns:39px minmax(0,1fr) 28px;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.photo-queue img{width:39px;height:39px;object-fit:contain}.photo-queue span{font-size:11px;overflow-wrap:anywhere}.photo-queue select{grid-column:2;grid-row:2;max-width:100%;border:1px solid var(--line);padding:7px;font-size:11px;background:white;color:var(--ink)}.photo-queue .danger{grid-column:3;grid-row:1;padding:4px;width:28px;min-height:28px}.import-preview>p{font-size:12px;color:var(--muted);line-height:1.8}.import-message{white-space:pre-wrap;background:#fff5e9;padding:10px;color:#855519!important;border-left:2px solid #d8a64c;margin-bottom:8px;font-size:12px}.settings-list{display:grid;gap:13px}.settings-list>div{display:grid;grid-template-columns:minmax(0,1fr) 110px 70px;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.settings-list>div>label:not(.field){font-size:12px}.admin-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;max-width:calc(100vw - 30px);width:max-content;padding:13px 22px;z-index:50;border-radius:4px;font-size:13px;box-shadow:0 5px 22px #15242d20;text-align:center}.admin-toast.error{background:#873c32}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid{grid-template-columns:1fr}.quick-actions{gap:10px}.quick-actions button{padding:15px}.page-actions{flex-wrap:wrap}}
@media(max-width:900px){.admin-layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 14px}.admin-brand{padding-inline:7px}.admin-brand strong{font-size:20px}.admin-nav a{padding:11px 9px;font-size:12px;gap:9px}.admin-topbar{padding-inline:24px}#admin-content{padding:27px 24px}.demo-note{padding-inline:24px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-actions{width:100%}.quick-actions{grid-template-columns:1fr}.form-grid{gap:17px}.panel{padding:20px}.editor-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:1fr}.settings-list>div{gap:10px;grid-template-columns:minmax(0,1fr) 100px 60px}}
@media(max-width:700px){html{scroll-padding-top:75px}.admin-layout{display:block}.sidebar{display:none}.admin-topbar{height:68px;padding:0 18px}.admin-topbar>span{display:none}.menu-toggle{display:inline-flex}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dbe3e7;border-bottom:1px solid var(--line)}.mobile-nav a{background:white;padding:13px 19px;font-size:13px}.mobile-nav a[aria-current=page]{background:var(--yellow);font-weight:700}.demo-note{padding:10px 18px;font-size:11px}#admin-content{padding:25px 16px 35px}h1{font-size:25px}h2{font-size:17px}.page-heading{margin-bottom:21px}.page-heading p{font-size:12px}.panel{padding:18px;margin-bottom:17px}.metrics{gap:10px}.metrics article{padding:17px}.metrics strong{font-size:30px}.metrics span{font-size:11px}.metrics small{font-size:10px}.form-grid{grid-template-columns:1fr}.panel-heading{flex-wrap:wrap;gap:14px}.field input,.field select,.field textarea,.search-field input{font-size:16px}.table-toolbar{gap:15px}.table-toolbar>.field,.search-field{flex:1 1 100%;min-width:0}.table-toolbar>span{margin-left:0;padding-bottom:0}.product-cell{min-width:230px}.admin-pagination{flex-wrap:wrap}.editor-photos{gap:10px}.editor-photos img{height:125px}.hero-upload{align-items:flex-start;flex-direction:column}.save-bar{padding-block:12px}.gallery-grid img{height:190px}.settings-list>div{grid-template-columns:1fr auto;gap:12px}.settings-list .field{grid-column:1/-1}.settings-list .danger{justify-self:end}.order-total{align-items:flex-start}.order-total>span{max-width:65%;font-size:12px}.order-total>strong{font-size:18px}.order-items li{font-size:12px}.admin-toast{font-size:12px}.upload-grid{gap:0}.photo-queue select{font-size:13px;min-height:36px}.primary,.outline{font-size:12px}.faq-editor article{padding:14px}.checkbox-row{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}