: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:#999995;--accent:#cbfb60;--accent-2:#dbff8c;--accent-deep:#a8d63f;--accent-soft:#cbfb6026;--accent-ink:#1c1c1c;--ok:var(--accent);--ok-soft:var(--accent-soft);--warn:#f5b544;--warn-soft:#f5b54424;--bad:#ff6b6b;--bad-soft:#ff6b6b24;--radius:12px;--radius-lg:20px;--shadow:0 18px 40px #00000073, inset 0 1px 0 #ffffff0b;--glow:0 8px 22px #cbfb603d;--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")}*,: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:radial-gradient(1100px 720px at 12% -14%,#cbfb6026,#cbfb600d 46%,#0000 76%),radial-gradient(1300px 820px at 106% -10%,#8bc74a1f,#8bc74a0a 48%,#0000 78%),radial-gradient(1250px 900px at 90% 112%,#4caf7c1a,#4caf7c09 50%,#0000 80%),radial-gradient(1000px 780px at -10% 114%,#cbfb6012,#cbfb6006 46%,#0000 78%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.075;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:#3a3a3a padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a padding-box content-box}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--grain-soft), linear-gradient(180deg, #cbfb600d 0%, #cbfb6003 20%, #8bc74a03 52%, #cbfb6013 76%, #4caf7c05 100%), #1f1f1fb8;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)}.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);color:#241a03;text-align:center;border-radius:999px;min-width:1.35rem;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}.main{min-width:0}.topbar{z-index:20;backdrop-filter:blur(10px);background:linear-gradient(#1c1c1cdb 55%,#1c1c1c00);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);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:invert(.6)}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);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);background:0 0;border-color:#ff6b6b47}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);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);outline-offset:2px}label{color:var(--ink-soft);margin:.7rem 0 .25rem;font-size:.82rem;font-weight:600;display:block}a{color:var(--accent)}.badge{color:var(--ink-soft);background:#ffffff12;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)}.badge.cancelled{background:var(--bad-soft);color:var(--bad)}.badge.new{background:var(--accent);color:var(--accent-ink)}.notice{border-radius:var(--radius);background:var(--warn-soft);color:#f7d9a0;border:1px solid #f5b54447;margin:.8rem 0;padding:.7rem .95rem}.notice.error{background:var(--bad-soft);color:#ffcaca;border-color:#ff6b6b4d}.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);border-color:#0000;font-weight:600}.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.wa-preview{color:#d8f2e2;white-space:pre-wrap;word-break:break-word;background:#1f3d2c;border:1px solid #1fa85559;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}}