:root{color-scheme:dark;--bg:#1c1c1c;--panel:#2c2c2cd6;--panel-2:#383838db;--panel-3:#3a3a3a;--line:#ffffff12;--line-2:#ffffff21;--ink:#f2f2f0;--ink-soft:#adada8;--ink-dim:#a1a19c;--accent:rgb(var(--accent-rgb));--accent-2:color-mix(in srgb, var(--accent) 75%, white);--accent-deep:rgb(var(--accent-deep-rgb));--accent-soft:rgb(var(--accent-rgb) / .15);--accent-text:var(--accent);--warn-rgb:245 181 68;--bad-rgb:255 107 107;--warn:rgb(var(--warn-rgb));--warn-text:var(--warn);--warn-soft:rgb(var(--warn-rgb) / .14);--warn-ink:#241a03;--bad:rgb(var(--bad-rgb));--bad-text:var(--bad);--bad-soft:rgb(var(--bad-rgb) / .14);--ok:var(--accent-text);--ok-soft:var(--accent-soft);--chip-bg:#ffffff12;--scroll-thumb:#3a3a3a;--scroll-thumb-hover:#4a4a4a;--notice-ink:#f7d9a0;--notice-bad-ink:#ffcaca;--wa-bg:#1f3d2c;--wa-line:#1fa85559;--wa-ink:#d8f2e2;--serp-link:#9fc3ff;--search-cancel-filter:invert(.6);--side-base:#1f1f1fb8;--topbar-bg:linear-gradient(180deg, #1c1c1cdb 55%, #1c1c1c00);--grain-opacity:.075;--bg-wash:radial-gradient(1100px 720px at 12% -14%, rgb(var(--accent-rgb) / .15), rgb(var(--accent-rgb) / .05) 46%, transparent 76%), radial-gradient(1300px 820px at 106% -10%, #8bc74a1f, #8bc74a0a 48%, transparent 78%), radial-gradient(1250px 900px at 90% 112%, #4caf7c1a, #4caf7c09 50%, transparent 80%), radial-gradient(1000px 780px at -10% 114%, rgb(var(--accent-rgb) / .07), rgb(var(--accent-rgb) / .025) 46%, transparent 78%);--side-wash:linear-gradient(180deg, rgb(var(--accent-rgb) / .05) 0%, rgb(var(--accent-rgb) / .012) 20%, #8bc74a03 52%, rgb(var(--accent-rgb) / .075) 76%, #4caf7c05 100%);--radius:12px;--radius-lg:20px;--shadow:0 18px 40px #00000073, inset 0 1px 0 #ffffff0b;--glow:0 8px 22px rgb(var(--accent-rgb) / .24);--ease-out:cubic-bezier(.16, 1, .3, 1);--font-ui:"Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.085'/%3E%3C/svg%3E")}:root[data-theme=light]{color-scheme:light;--bg:#f4f4f0;--panel:#ffffffdb;--panel-2:#eeeee9eb;--panel-3:#e6e6e0;--line:#1c1c1a1a;--line-2:#1c1c1a2e;--ink:#1c1c1a;--ink-soft:#55544f;--ink-dim:#67665f;--warn-text:#8a5a00;--bad-text:#b3261e;--chip-bg:#1c1c1a0f;--scroll-thumb:#cfcec7;--scroll-thumb-hover:#b5b4ac;--notice-ink:#6b4a05;--notice-bad-ink:#8f1d16;--wa-bg:#dcf8c6;--wa-ink:#1f3d2c;--serp-link:#1a0dab;--search-cancel-filter:none;--side-base:#ffffffb8;--topbar-bg:linear-gradient(180deg, #f4f4f0e0 55%, #f4f4f000);--grain-opacity:.04;--shadow:0 12px 28px #1c1c1a17, inset 0 1px 0 #ffffffe6;--glow:0 8px 20px rgb(var(--accent-deep-rgb) / .34);--bg-wash:radial-gradient(1100px 720px at 12% -14%, rgb(var(--accent-deep-rgb) / .16), rgb(var(--accent-deep-rgb) / .05) 46%, transparent 76%), radial-gradient(1300px 820px at 106% -10%, #8bc74a24, #8bc74a0a 48%, transparent 78%), radial-gradient(1250px 900px at 90% 112%, #4caf7c1f, #4caf7c09 50%, transparent 80%), radial-gradient(1000px 780px at -10% 114%, rgb(var(--accent-deep-rgb) / .08), rgb(var(--accent-deep-rgb) / .025) 46%, transparent 78%);--side-wash:linear-gradient(180deg, rgb(var(--accent-deep-rgb) / .07) 0%, rgb(var(--accent-deep-rgb) / .018) 20%, #8bc74a04 52%, rgb(var(--accent-deep-rgb) / .1) 76%, #4caf7c08 100%)}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}body:before{content:"";z-index:-2;pointer-events:none;background-image:var(--bg-wash);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:var(--grain-opacity);background-image:var(--grain);position:fixed;inset:0}h1,h2{letter-spacing:-.02em;font-weight:650}.muted{color:var(--ink-soft)}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--grain-soft), var(--side-wash), var(--side-base);border-right:1px solid var(--line);backdrop-filter:blur(14px);flex-direction:column;gap:.15rem;height:100vh;padding:1.35rem .9rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.6rem;margin:.15rem .35rem 1.5rem;font-size:1.18rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(140deg, var(--accent-2), var(--accent-deep));width:30px;height:30px;box-shadow:var(--glow);border-radius:10px;flex-shrink:0;position:relative}.brand-mark:after{content:"";border:2px solid var(--accent-ink);border-bottom-color:#0000;border-right-color:#0000;border-radius:4px;position:absolute;inset:8px;transform:rotate(-45deg)}.brand-dot{color:var(--accent-text)}.side-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin:1.1rem 0 .45rem .65rem;font-size:.68rem}.side-label:first-of-type{margin-top:0}.side-nav{flex-direction:column;gap:.2rem;display:flex}.nav-item{color:var(--ink-soft);transition:background .2s ease, color .2s ease, transform .25s var(--ease-out);border-radius:11px;align-items:center;gap:.7rem;padding:.56rem .7rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-item svg{opacity:.85;flex-shrink:0;width:18px;height:18px}.nav-item:hover{background:var(--panel-2);color:var(--ink)}.nav-item.active{background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 100%);color:var(--accent-ink);box-shadow:var(--glow);font-weight:600}.nav-item.active svg{opacity:1}.nav-count{background:var(--warn);min-width:1.35rem;color:var(--warn-ink);text-align:center;border-radius:999px;margin-left:auto;padding:0 .35rem;font-size:.72rem;font-weight:700;line-height:1.35rem}.nav-item.active .nav-count{background:var(--accent-ink);color:var(--accent)}.side-foot{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:.6rem;margin-top:auto;padding:.6rem;display:flex}.avatar{background:linear-gradient(140deg, var(--accent-2), var(--accent-deep));width:32px;height:32px;color:var(--accent-ink);border-radius:10px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.user-id{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-id strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.user-id small{color:var(--ink-dim);font-size:.72rem}.icon-btn{color:var(--ink-soft);background:0 0;border:0;border-radius:9px;place-items:center;margin-left:auto;padding:.3rem;display:grid}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{background:var(--panel-3);color:var(--ink);box-shadow:none;filter:none;transform:none}.icon-btn+.icon-btn{margin-left:0}:root:not([data-theme=light]) .icon-moon,:root[data-theme=light] .icon-sun{display:none}.main{min-width:0}.topbar{z-index:20;background:var(--topbar-bg);backdrop-filter:blur(10px);align-items:center;gap:1.5rem;padding:1.35rem 2rem .85rem;display:flex;position:sticky;top:0}.topbar-head{min-width:0}.hello{color:var(--ink-soft);margin:0;font-size:.85rem}.page-title{margin:.1rem 0 0;font-size:1.85rem}.search{border:1px solid var(--line-2);background:var(--panel);width:min(340px,38vw);color:var(--ink-dim);border-radius:999px;align-items:center;gap:.55rem;margin-left:auto;padding:.5rem .95rem;transition:border-color .2s,box-shadow .2s;display:flex}.search:focus-within{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft)}.search svg{flex-shrink:0;width:16px;height:16px}.search input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:0;font-size:.88rem}.search input:focus{box-shadow:none;border:0;outline:none}.search input::-webkit-search-cancel-button{filter:var(--search-cancel-filter)}main{padding:.6rem 2rem 3rem}main.bare{place-items:center;min-height:100vh;padding:2rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.4rem}.card h2{font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim);margin:0;font-size:.72rem;font-weight:600}.metric{letter-spacing:-.03em;color:var(--accent-text);margin:.3rem 0 0;font-size:2.1rem;font-weight:700;line-height:1.1}td,.metric,.detail-totals{font-variant-numeric:tabular-nums}.skel{background:linear-gradient(100deg, var(--panel) 40%, var(--panel-2) 50%, var(--panel) 60%);background-size:200% 100%;border-radius:14px;animation:1.2s ease-in-out infinite skel-slide}@keyframes skel-slide{0%{background-position:120% 0}to{background-position:-80% 0}}table{border-collapse:separate;border-spacing:0 6px;background:0 0;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-dim);padding:0 .9rem .3rem;font-size:.7rem;font-weight:600}td{text-align:left;vertical-align:middle;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.7rem .9rem;font-size:.88rem}td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}tbody tr{transition:filter .2s}tbody tr:hover td{background:var(--panel-2)}button{font:inherit;background:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 100%);color:var(--accent-ink);cursor:pointer;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background .25s var(--ease-out), color .2s ease;border:1px solid #0000;border-radius:10px;padding:.42rem .9rem;font-size:.83rem;font-weight:600}button:hover{box-shadow:var(--glow);transform:translateY(-1px)}button:active{transform:translateY(0)scale(.98)}button.secondary{color:var(--ink-soft);border-color:var(--line-2);background:0 0}button.secondary:hover{background:var(--panel-3);color:var(--ink);box-shadow:none}button.danger{color:var(--bad-text);border-color:rgb(var(--bad-rgb) / .28);background:0 0}button.danger:hover{background:var(--bad-soft);box-shadow:none}td button{padding:.32rem .7rem;font-size:.8rem}td button+button{margin-left:.3rem}button:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}input,select,textarea{font:inherit;border:1px solid var(--line-2);background:var(--panel-2);color:var(--ink);border-radius:10px;padding:.44rem .7rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--ink-dim)}input[type=checkbox]{accent-color:var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft);outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}label{color:var(--ink-soft);margin:.7rem 0 .25rem;font-size:.82rem;font-weight:600;display:block}a{color:var(--accent-text)}.badge{background:var(--chip-bg);color:var(--ink-soft);border-radius:999px;padding:.14rem .6rem;font-size:.74rem;font-weight:600;display:inline-block}.badge.paid,.badge.shipped{background:var(--ok-soft);color:var(--ok)}.badge.awaiting_payment{background:var(--warn-soft);color:var(--warn-text)}.badge.cancelled{background:var(--bad-soft);color:var(--bad-text)}.badge.new{background:var(--accent);color:var(--accent-ink)}.notice{border-radius:var(--radius);background:var(--warn-soft);border:1px solid rgb(var(--warn-rgb) / .28);color:var(--notice-ink);margin:.8rem 0;padding:.7rem .95rem}.notice.error{background:var(--bad-soft);border-color:rgb(var(--bad-rgb) / .3);color:var(--notice-bad-ink)}.chip{border:1px solid var(--line-2);color:var(--ink-soft);cursor:pointer;user-select:none;transition:background .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.24rem .7rem;font-size:.78rem;display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip:hover{border-color:var(--accent-deep);color:var(--ink)}.chip:has(input:checked){background:var(--accent-soft);color:var(--accent-text);border-color:#0000;font-weight:600}.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.wa-preview{background:var(--wa-bg);border:1px solid var(--wa-line);color:var(--wa-ink);white-space:pre-wrap;word-break:break-word;border-radius:14px 14px 14px 4px;margin:.35rem 0 0;padding:.65rem .9rem;font-size:.86rem;line-height:1.5}code{background:var(--panel-3);border-radius:6px;padding:.05rem .35rem;font-size:.78rem}.detail-cell{background:var(--panel-2);border-radius:0 0 14px 14px}.detail-cell td{background:var(--panel-3)}.detail-totals{max-width:360px;margin:.7rem 0 .2rem auto;font-size:.88rem}.detail-totals div{justify-content:space-between;gap:1rem;padding:.15rem 0;display:flex}.detail-totals dd{text-align:right;margin:0}.detail-totals dt{font-weight:inherit;color:var(--ink-soft)}.detail-totals .grand{border-top:1px solid var(--line-2);margin-top:.25rem;padding-top:.35rem;font-weight:700}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:.4rem;height:auto;position:static}.brand{margin:0 .6rem 0 .2rem}.side-label{display:none}.side-nav{flex-flow:wrap}.side-foot{margin-left:auto}.topbar{flex-wrap:wrap;padding:1.2rem 1.1rem .7rem}.search{width:100%;margin-left:0}main{padding:.6rem 1.1rem 3rem}}body[data-role=operator] .nav-item[data-tab=coupons],body[data-role=operator] .nav-item[data-tab=settings],body[data-role=operator] [data-admin-only]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}