:root{--paper: #f3e9d6;--paper-2: #ece0c8;--card: #fbf5e9;--ink: #2c2620;--ink-soft: #6f6557;--line: #d8c7a6;--walnut: #2f2a24;--teal: #1f6f6a;--teal-deep: #18514e;--mustard: #e0a526;--coral: #e0654b;--olive: #7c8a4f;--cream: #f7efdf;--radius: 14px;--shadow: 0 6px 0 rgba(47, 42, 36, .08), 0 10px 24px rgba(47, 42, 36, .12);--font: "Poppins", "Futura", "Century Gothic", "Questrial", "Segoe UI", system-ui, sans-serif}html[data-theme=midnight]{--paper: #1c1a17;--paper-2: #242019;--card: #26221c;--ink: #f0e7d6;--ink-soft: #a99f8c;--line: #3a342a;--walnut: #15130f;--teal: #37b3a4;--teal-deep: #1f6f6a;--mustard: #e9b94a;--coral: #e0654b;--olive: #9aa86a;--cream: #f0e7d6;--shadow: 0 6px 0 rgba(0, 0, 0, .25), 0 10px 24px rgba(0, 0, 0, .4)}html[data-theme=palm]{--paper: #fdf3ec;--paper-2: #fbe6dc;--card: #ffffff;--ink: #23314a;--ink-soft: #6b7689;--line: #f0cdbb;--walnut: #15616d;--teal: #0fa3a3;--teal-deep: #0b7d7d;--mustard: #ffb703;--coral: #ef476f;--olive: #06d6a0;--cream: #f0fbfa}html[data-theme=harvest]{--paper: #f4eee0;--paper-2: #e9dfc8;--card: #fbf6ea;--ink: #33291c;--ink-soft: #6e5f49;--line: #d2bd95;--walnut: #3b2f1e;--teal: #5e7d4f;--teal-deep: #46603b;--mustard: #d98b2b;--coral: #be4a2f;--olive: #8a8a3a;--cream: #f7f0e0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:.3px}.shell{display:flex;min-height:100%}.main{flex:1;display:flex;flex-direction:column;min-width:0}.content{padding:28px 36px 64px;max-width:1100px;width:100%}.sidebar{width:248px;flex-shrink:0;background:var(--walnut);color:var(--cream);padding:22px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 10px}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mustard);color:var(--walnut);font-size:20px;font-weight:700}.brand-text{font-weight:700;font-size:16px;line-height:1.15;letter-spacing:.3px}.side-section{display:flex;flex-direction:column;gap:6px}.side-label{margin:0 8px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#b9a987}.side-nav{display:flex;flex-direction:column;gap:2px}.side-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:#e8ddc6;font-weight:500;transition:background .15s,color .15s,transform .1s}.side-link:hover{background:#ffffff12;transform:translate(2px)}.side-link.active{background:var(--teal);color:#fff}.side-link-sale.active{background:var(--coral)}.side-link-sale{color:#f3c9a0}.side-ico{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:13px;background:#ffffff14}.side-link.active .side-ico{background:#ffffff2e}.topbar{display:flex;align-items:center;padding:14px 36px;gap:16px;border-bottom:2px solid var(--line);background:#f7efdfb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar-spacer{flex:1}.theme-sel{position:relative}.theme-btn{display:flex;align-items:center;gap:9px;background:var(--card);border:2px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;font-family:var(--font);font-size:14px;color:var(--ink)}.theme-btn:hover{border-color:var(--teal)}.theme-name{font-weight:600}.swatch-dots{display:inline-flex}.swatch-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--card);margin-left:-5px}.swatch-dot:first-child{margin-left:0}.theme-menu{position:absolute;right:0;top:calc(100% + 10px);width:216px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;z-index:50}.theme-menu-label{margin:4px 8px 6px;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-soft)}.theme-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;border:0;background:none;font-family:var(--font);font-size:14px;color:var(--ink);cursor:pointer}.theme-opt:hover{background:var(--paper-2)}.theme-opt.active{font-weight:700}.theme-check{margin-left:auto;color:var(--teal)}.cart-btn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--card);border:2px solid var(--line);color:var(--ink)}.cart-btn:hover{border-color:var(--teal);color:var(--teal)}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--coral);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;border:2px solid var(--paper);box-shadow:0 1px 3px #0000004d}.auth-buttons{display:flex;gap:8px;align-items:center}.profile{position:relative}.profile-btn{display:flex;align-items:center;gap:9px;background:var(--card);border:2px solid var(--line);border-radius:999px;padding:5px 12px 5px 6px;cursor:pointer;font-family:var(--font);font-size:14px;color:var(--ink)}.profile-btn:hover{border-color:var(--teal)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.avatar-lg{width:40px;height:40px;font-size:15px;background:var(--coral)}.profile-name{font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{color:var(--ink-soft);font-size:11px}.profile-menu{position:absolute;right:0;top:calc(100% + 10px);width:268px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;z-index:50}.profile-head{display:flex;gap:12px;align-items:center;padding:8px}.profile-menu-name{font-weight:700}.profile-menu-sub{color:var(--ink-soft);font-size:13px}.profile-divider{height:2px;background:var(--line);margin:8px 4px;border-radius:2px}.profile-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border-radius:9px;font-family:var(--font);font-size:14px;color:var(--ink);background:none;border:0;cursor:pointer}.profile-item:hover{background:var(--paper-2)}.profile-item-btn{color:var(--coral);font-weight:600}.btn{background:var(--mustard);color:var(--walnut);border:0;border-radius:10px;padding:9px 16px;cursor:pointer;font-family:var(--font);font-weight:700;font-size:14px;box-shadow:0 3px #b98417;transition:transform .08s,box-shadow .08s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px #b98417}.btn:active{transform:translateY(2px);box-shadow:0 1px #b98417}.btn:disabled{opacity:.6;cursor:default;box-shadow:none}.btn-login,.btn-hero{display:inline-block;background:var(--teal);color:#fff;box-shadow:0 3px 0 var(--teal-deep);text-decoration:none}.btn-hero{margin-top:14px}.btn-secondary{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.btn-secondary:hover{border-color:var(--teal);box-shadow:0 4px 0 var(--line)}.link{background:none;border:0;color:var(--teal);cursor:pointer;font-family:var(--font);padding:4px 6px;font-size:14px}.link.danger{color:var(--coral)}.hero{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,var(--teal),var(--teal-deep));color:var(--cream);border-radius:16px;padding:16px 24px;margin-bottom:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-burst{font-size:46px;line-height:1;color:var(--mustard);flex-shrink:0;filter:drop-shadow(0 3px 0 rgba(0,0,0,.15))}.hero-title{margin:0;font-size:21px}.hero-sub{margin:3px 0 0;color:#dfeeea;font-size:14px}.hero .btn-hero{margin-top:10px;padding:7px 13px}.page-head{margin-bottom:22px}.page-head h1,.row-title{font-size:24px;margin:0 0 4px}.row-title{margin:8px 0 16px}.sale-section{margin-bottom:28px}.row-title-bar{display:flex;align-items:baseline;gap:12px}.row-title-bar .row-title{margin:8px 0 14px}.row-title-bar .link{margin-left:auto}.head-pill{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--coral);color:#fff;font-size:16px;vertical-align:middle}.muted{color:var(--ink-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.section-card{transition:transform .12s,border-color .12s}.section-card:hover{transform:translateY(-3px);border-color:var(--teal)}.section-ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--mustard);color:var(--walnut);font-size:22px;margin-bottom:10px}.section-card h3{margin:4px 0 6px}.pill{display:inline-block;margin-top:10px;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--paper-2);color:var(--ink-soft);text-transform:capitalize}.pill-active{background:var(--teal);color:#fff;font-weight:700;text-transform:none}.item-card{position:relative;display:flex;flex-direction:column}.item-card.on-sale{border-color:var(--coral)}.sale-tag{position:absolute;top:-10px;right:14px;background:var(--coral);color:#fff;font-weight:700;font-size:12px;padding:3px 10px;border-radius:999px;box-shadow:0 2px #b14b35}.thumb-box{aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;margin-bottom:12px;background:var(--paper-2)}.thumb{width:100%;height:100%;object-fit:cover}.thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:44px;font-weight:700;color:var(--mustard);background:repeating-linear-gradient(45deg,var(--paper-2),var(--paper-2) 12px,#e6d9bd 12px,#e6d9bd 24px)}.item-name{margin:0 0 4px;font-size:17px}.item-desc{margin:0 0 14px;color:var(--ink-soft);font-size:13px;flex:1}.item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-box{display:flex;align-items:baseline;gap:8px}.price{font-weight:700;color:var(--teal);font-size:16px}.price-was{color:var(--ink-soft);text-decoration:line-through;font-size:13px}.admin-section-card{display:flex;flex-direction:column;position:relative}.pencil-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--ink);border:2px solid var(--line);cursor:pointer;font-size:14px;line-height:1;z-index:2;transition:background .12s,color .12s,transform .08s}.pencil-btn:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:rotate(-8deg)}.admin-section-link{display:block;color:inherit}.admin-section-link:hover{text-decoration:none}.admin-section-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.admin-section-actions{display:flex;gap:4px}.badge-custom{background:var(--teal);color:#fff}.field-row{gap:8px;margin-bottom:8px;align-items:center}.field-row input{flex:1}.field-row select{width:120px}.guest-box{margin:18px 0}.guest-box label{display:block;font-weight:600;font-size:14px}.guest-box input{width:100%;margin-top:5px;background:var(--paper);color:var(--ink);border:2px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--font);font-size:14px}.guest-box input:focus{outline:none;border-color:var(--teal)}.toast{background:#e7f0e3;color:#355e2c;border:2px solid #b9d4ad;padding:10px 14px;border-radius:10px;margin-bottom:16px;font-weight:600}.error{background:#f7e0da;color:#8c3320;border:2px solid #e3a594;padding:10px 14px;border-radius:10px;margin:10px 0}.table{width:100%;border-collapse:collapse;margin-top:16px;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}.table th{background:var(--paper-2);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.row{display:flex;gap:16px;align-items:center}.badge{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--paper-2);color:var(--ink-soft)}.status-completed{background:#d8ecd0;color:#2f6a23}.status-pending_external_billing{background:#fbe7bf;color:#8a6310}.status-failed{background:#f6d7cf;color:#8c3320}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c26208c;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow:auto;z-index:100}.modal{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:24px;width:560px;max-width:100%;box-shadow:var(--shadow)}.modal h2{margin-top:0}.modal label{display:block;margin:12px 0;font-weight:600;font-size:14px}.modal label.checkbox{display:flex;gap:8px;align-items:center;font-weight:500}.modal input,.modal textarea,.modal select{width:100%;margin-top:5px;background:var(--paper);color:var(--ink);border:2px solid var(--line);border-radius:9px;padding:9px 11px;font-family:var(--font);font-size:14px}.modal input:focus,.modal textarea:focus,.modal select:focus{outline:none;border-color:var(--teal)}.modal label.checkbox input{width:auto;margin:0}.modal fieldset{border:2px solid var(--line);border-radius:10px;margin-top:14px;padding:8px 14px 14px}.modal legend{padding:0 8px;font-weight:700;color:var(--teal)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.modal-wide{width:720px}.editor-grid{display:grid;grid-template-columns:240px 1fr;gap:20px}.editor-image{display:flex;flex-direction:column;gap:10px}.image-preview{aspect-ratio:1;width:100%;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:var(--paper-2)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-empty{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-soft)}.editor-fields{min-width:0}.editor-fields label{margin-top:0;margin-bottom:12px}.inv-section{margin-bottom:28px}.inv-section-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.inv-section-head h2{margin:0;font-size:19px}.inv-section-head .link{margin-left:auto}.inventory-table td{vertical-align:middle}.inv-thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--paper-2);display:grid;place-items:center;color:var(--mustard);font-weight:700}.inv-thumb img{width:100%;height:100%;object-fit:cover}.stock-input{width:84px;padding:6px 8px;border:2px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-family:var(--font)}.stock-input.low{border-color:var(--coral);color:var(--coral);font-weight:700}.row-hidden{opacity:.55}.cust-group{border:1px dashed var(--line);border-radius:10px;padding:12px;margin-bottom:12px}.cust-option{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.cust-thumb{width:48px;height:48px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--paper-2);display:grid;place-items:center;color:var(--ink-soft)}.cust-thumb img{width:100%;height:100%;object-fit:cover}.cust-option-fields{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.cust-option-fields input{width:100%;background:var(--paper);color:var(--ink);border:2px solid var(--line);border-radius:8px;padding:7px 9px;font-family:var(--font);font-size:13px}.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:22px}.detail-image{aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid var(--line);background:var(--paper-2)}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-cust{margin:12px 0}.detail-cust-name{font-weight:700;font-size:14px;margin-bottom:6px}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.opt-chip{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:2px solid var(--line);border-radius:999px;padding:5px 12px 5px 6px;cursor:pointer;font-family:var(--font);font-size:14px;color:var(--ink)}.opt-chip:hover{border-color:var(--teal)}.opt-chip.active{border-color:var(--teal);background:var(--teal);color:#fff}.opt-chip img{width:26px;height:26px;border-radius:50%;object-fit:cover}.opt-chip .opt-delta{font-size:12px;opacity:.85}.detail-price{font-size:22px;margin:16px 0}.clickable{cursor:pointer}.line-selections{font-size:12px;margin-top:2px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap .table{margin-top:0}.nav-toggle{display:none;flex-shrink:0;width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;background:var(--card);border:2px solid var(--line);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}.nav-toggle:hover{border-color:var(--teal)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c262080;z-index:90}@media (max-width: 620px){.modal-wide{width:100%}.editor-grid,.detail-grid{grid-template-columns:1fr}}@media (max-width: 900px){.nav-toggle{display:inline-flex}.sidebar{position:fixed;top:0;left:0;z-index:100;width:252px;max-width:82vw;height:100vh;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #00000059;overflow-y:auto}.sidebar.open{transform:translate(0)}.content{padding:22px 18px 56px}.topbar{padding:12px 18px;gap:10px}.hero{flex-direction:column;text-align:center}}@media (max-width: 560px){body{font-size:14px}.content{padding:18px 14px 48px}.topbar{padding:10px 14px;gap:8px}.theme-name,.profile-name{display:none}.theme-btn,.profile-btn{padding:6px 9px}.auth-buttons .btn{padding:8px 12px;font-size:13px}.page-head h1,.row-title{font-size:20px}.table th,.table td{padding:9px 10px}.row{flex-wrap:wrap}.modal{padding:18px}.modal-backdrop{padding:20px 10px}.table-cards.table{background:transparent;box-shadow:none;border:0;border-radius:0;overflow:visible}.table-cards thead{display:none}.table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}.table-cards tr{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 15px;margin-bottom:14px}.table-cards td{border:0;padding:5px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:right}.table-cards td:before{content:attr(data-label);flex-shrink:0;text-align:left;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft)}.table-cards .cell-primary{display:block;text-align:left;font-size:16px;font-weight:700;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--line)}.table-cards .cell-primary:before{content:none}.table-cards .line-selections{font-weight:500}.table-cards .cell-thumb{display:none}.table-cards .cell-action{display:block;text-align:right;padding-top:8px;margin-top:4px;border-top:1px solid var(--line)}.table-cards .cell-action:before{content:none}.table-cards .stock-input{width:96px}.cart-checkout,.guest-box{width:100%}}