:root{--bg:#f4f5f2;--panel:#fff;--ink:#101114;--muted:#7c8079;--line:#e4e6e0;--brand:#101114;--accent:#b7d400;--ok:#7fd6b2;--low:#e7c46a;--out:#e2574c;--radius:14px;--shadow:0 1px 3px #1011140f,0 6px 24px #1011140d}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Helvetica Neue,Arial,sans-serif}.app{min-height:100vh;display:flex}.side{background:var(--panel);border-inline-end:1px solid var(--line);flex-direction:column;gap:6px;width:250px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.14em;padding:6px 10px 2px;font-size:22px;font-weight:800}.brand small{letter-spacing:.3em;color:var(--muted);margin-top:2px;font-size:11px;font-weight:600;display:block}.nav{flex-direction:column;flex:1;gap:2px;margin-top:18px;display:flex}.nav button{all:unset;cursor:pointer;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:11px 13px;font-size:14px;transition:all .15s;display:flex}.nav button:hover{background:var(--bg);color:var(--ink)}.nav button.on{background:var(--ink);color:#fff}.nav .ico{text-align:center;width:18px;font-size:15px}.side .foot{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;font-size:12px}.side .foot b{color:var(--ink);font-weight:600}.langrow{gap:6px;margin-top:10px;display:flex}.langrow button{all:unset;cursor:pointer;text-align:center;border:1px solid var(--line);color:var(--muted);border-radius:8px;flex:1;padding:7px;font-size:12px;font-weight:600}.signout{all:unset;cursor:pointer;text-align:center;border:1px solid var(--line);color:var(--out);border-radius:9px;margin-top:10px;padding:9px;font-size:13px;font-weight:600}.signout:hover{background:#fdecea}.main{flex:1;max-width:1150px;padding:30px 34px}.h1{margin:0 0 4px;font-size:24px;font-weight:800}.sub{color:var(--muted);margin:0 0 22px;font-size:13px}.chip{color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:999px;margin-inline-start:8px;padding:3px 10px;font-size:11px;display:inline-block}.chip.live{color:#2b7a4b;background:#eefbf3;border-color:#bfe4cd}.chip.demo{color:#8a6d00;background:#fdf8e3;border-color:#eadf9f}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:26px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.kpi .n{font-size:26px;font-weight:800}.kpi .l{color:var(--muted);margin-top:3px;font-size:12px}.kpi .l2{color:var(--muted);margin-top:6px;font-size:11px}.kpi.warn .n{color:var(--low)}.kpi.bad .n{color:var(--out)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden}.card h3{border-bottom:1px solid var(--line);margin:0;padding:15px 18px;font-size:14px;font-weight:700}.card .body{padding:6px 0}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:start;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:10px 18px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);padding:12px 18px}tr:last-child td{border-bottom:none}tr.click{cursor:pointer}tr.click:hover{background:var(--bg)}.pill{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.pill.ok{color:#2b7a4b;background:#eafaf2}.pill.low{color:#8a6d00;background:#fdf6e3}.pill.out{color:#c0392b;background:#fdecea}.money{font-variant-numeric:tabular-nums;font-weight:700}.search{border:1px solid var(--line);background:var(--panel);border-radius:10px;width:100%;margin-bottom:16px;padding:11px 14px;font-size:14px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filters button{all:unset;cursor:pointer;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600}.filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.swgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:16px;display:grid}.sw{border:1px solid var(--line);text-align:center;border-radius:12px;padding:12px;position:relative}.sw .dot{border:1px solid #0000001f;border-radius:50%;width:34px;height:34px;margin:0 auto 8px}.sw .nm{font-size:12px;font-weight:600}.sw .qn{font-variant-numeric:tabular-nums;margin-top:6px;font-size:20px;font-weight:800}.sw .ql{color:var(--muted);font-size:10px}.sw.out{opacity:.55}.sw.out:after{content:"";background:linear-gradient(135deg,transparent 47%,var(--out) 48%,var(--out) 52%,transparent 53%);position:absolute;inset:0}.sw input{text-align:center;border:1px solid var(--line);border-radius:8px;width:66px;margin-top:6px;padding:6px;font-size:15px;font-weight:700}.rowqty{justify-content:center;align-items:center;gap:6px;display:flex}.rowqty button{all:unset;cursor:pointer;border:1px solid var(--line);text-align:center;width:26px;height:26px;color:var(--muted);border-radius:7px;font-weight:800}.note{color:var(--muted);padding:0 18px 14px;font-size:12px;line-height:1.6}.pricegrid{padding:8px 18px 18px}.pricerow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.pricerow:last-child{border-bottom:none}.pricerow .nm{font-size:13px;font-weight:600}.pricerow .in{align-items:center;gap:8px;display:flex}.pricerow input{text-align:end;border:1px solid var(--line);border-radius:9px;width:90px;padding:8px 10px;font-size:14px;font-weight:700}.pricerow .cur{color:var(--muted);font-size:12px}.saverow{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 18px;display:flex}.btn{all:unset;cursor:pointer;background:var(--ink);color:#fff;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn[disabled]{opacity:.4;cursor:not-allowed}.profile{grid-template-columns:300px 1fr;gap:22px;display:grid}@media (max-width:820px){.profile{grid-template-columns:1fr}.side{width:64px}.side .brand small,.nav .tx,.side .foot,.langrow{display:none}}.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-self:start;padding:22px}.pcard .av{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;font-size:22px;font-weight:800;display:flex}.pcard .nm{font-size:18px;font-weight:800}.pcard .ct{color:var(--muted);margin-top:2px;font-size:13px}.pcard .kv{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:13px;display:flex}.pcard .kv:last-of-type{border-bottom:none}.pcard .kv .k{color:var(--muted)}.pstats{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.pstat{background:var(--bg);text-align:center;border-radius:11px;padding:11px}.pstat .n{font-size:18px;font-weight:800}.pstat .l{color:var(--muted);margin-top:2px;font-size:10px}.favs{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.fav{background:var(--bg);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.fav .d{border:1px solid #0000001f;border-radius:50%;width:12px;height:12px}.uploader{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;margin:16px 18px;padding:26px;font-size:13px}.icoGrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding:16px;display:grid}.icoCell{border:1px solid var(--line);text-align:center;border-radius:11px;padding:14px;font-size:26px}.icoCell .cap{color:var(--muted);margin-top:6px;font-size:11px}.alertPrev{border:1px solid var(--line);border-radius:11px;margin:0 18px 16px;overflow:hidden}.alertPrev .bar{color:#fff;text-align:center;background:linear-gradient(90deg,#e2574c,#c0392b);padding:12px 16px;font-size:13px;font-weight:700}.alertEditor{padding:0 18px 18px}.alertEditor textarea{border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;min-height:70px;padding:12px;font-family:inherit;font-size:14px}.toggle{align-items:center;gap:9px;margin:12px 0;font-size:13px;display:flex}.toggle input{opacity:0;width:0;height:0}.toggle .tk{background:var(--line);border-radius:999px;width:42px;height:24px;transition:all .2s;position:relative}.toggle .tk:after{content:"";top:3px;background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;inset-inline-start:3px}.toggle input:checked+.tk{background:var(--ok)}.toggle input:checked+.tk:after{inset-inline-start:21px}.banner{color:#7a6200;background:#fff8e6;border:1px solid #eadf9f;border-radius:12px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.banner b{color:#5c4a00}:root{--bg:#f7f2ed;--panel:#fffdfa;--ink:#171313;--muted:#817875;--line:#eadfd7;--brand:#6e1020;--brand-deep:#3d0710;--accent:#c8a15a;--accent-soft:#f3e6cf;--ok:#3c8b6e;--low:#b9892f;--out:#b73842;--radius:18px;--shadow:0 8px 34px #3e191714,0 2px 8px #3e19170a}body{background:radial-gradient(circle at 90% 0%,#c8a15a1f,transparent 26%), radial-gradient(circle at 0% 100%,#6e102012,transparent 32%), var(--bg)}.side{background:linear-gradient(#1d1515 0%,#120d0d 100%);border-inline-end:1px solid #ffffff0f;box-shadow:16px 0 50px #230d0d1f}.brand{color:#fff;letter-spacing:.2em;font-family:Georgia,Times New Roman,serif;font-size:24px}.brand small{color:#c7a665;letter-spacing:.38em}.nav button{color:#ffffff94;position:relative;overflow:hidden}.nav button:before{content:"";inset-inline-start:0;background:var(--accent);border-radius:4px;width:2px;height:60%;transition:all .25s;position:absolute;top:20%;transform:scaleY(0)}.nav button:hover{color:#fff;background:#ffffff0e;transform:translate(2px)}.nav button.on{color:#fff;background:linear-gradient(90deg,#6e1020eb,#6e102073);box-shadow:inset 0 0 0 1px #c8a15a2e}.nav button.on:before{transform:scaleY(1)}.side .foot{color:#ffffff73;border-top-color:#ffffff1a}.side .foot b{color:#fff}.langrow button{color:#ffffff8c;border-color:#ffffff21}.langrow button.on{background:var(--accent);border-color:var(--accent);color:#20150f}.signout{color:#e29b9f;border-color:#ffffff1f}.main{max-width:1500px;padding:28px 36px 48px}.card,.kpi,.pcard{box-shadow:var(--shadow);border-color:#7a4b381f}.btn{background:linear-gradient(135deg,var(--brand),var(--brand-deep));box-shadow:0 8px 20px #6e102033}.btn:hover{transform:translateY(-1px);box-shadow:0 11px 26px #6e102042}.dashPage{animation:.5s both dashFade}.dashHero{color:#fff;background:linear-gradient(110deg,#190c0dfa,#3f0710f0 58%,#6e1020f2),radial-gradient(circle at 75% 30%,#c8a15a66,#0000 25%);border-radius:28px;min-height:220px;margin-bottom:20px;padding:34px 38px;position:relative;overflow:hidden;box-shadow:0 24px 60px #3e071033}.dashHero:after{content:"";background:linear-gradient(120deg,#0000 20%,#ffffff09 45%,#0000 70%);animation:8s linear infinite dashShine;position:absolute;inset:0}.dashHeroGlow{border:1px solid #c8a15a3b;border-radius:50%;width:310px;height:310px;position:absolute;top:-44%;right:10%;box-shadow:0 0 0 42px #c8a15a0a,0 0 0 85px #c8a15a06}.dashHeroContent{z-index:2;max-width:760px;position:relative}.dashEyebrow{letter-spacing:.32em;color:#d8b56d;margin-bottom:14px;font-size:10px;font-weight:800}.dashHero h1{letter-spacing:-.025em;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:500;line-height:1}.dashHero p{color:#ffffffb3;margin:0;font-size:14px;line-height:1.6}.dashHeroMeta{color:#ffffff9e;align-items:center;gap:9px;margin-top:24px;font-size:11px;display:flex}.dashLiveDot{background:#70d4a5;border-radius:50%;width:8px;height:8px;animation:2s infinite dashPulse;box-shadow:0 0 0 5px #70d4a51f}.dashMetaDivider{background:#ffffff2e;width:1px;height:12px;margin:0 4px}.dashHeroMark{z-index:1;color:#ffffff09;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:220px;line-height:1;position:absolute;bottom:-38px;right:42px}.dashToolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdfad1;border:1px solid #7443311f;border-radius:18px;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 10px 28px #4c281c0d}.dashToolbar>div:first-child{margin-inline-end:auto}.dashToolbarTitle{font-size:13px;font-weight:800}.dashToolbarSub{color:var(--muted);margin-top:3px;font-size:11px}.dashPeriodTabs{background:#f2e9e2;border-radius:12px;gap:3px;padding:4px;display:flex}.dashPeriodTabs button{all:unset;cursor:pointer;color:#766c68;border-radius:9px;padding:8px 13px;font-size:11px;font-weight:700;transition:all .2s}.dashPeriodTabs button:hover{color:var(--brand)}.dashPeriodTabs button.active{color:var(--brand);background:#fff;box-shadow:0 4px 14px #532a1e1a}.dashDateRange{gap:8px;display:flex}.dashDateRange label{color:var(--muted);font-size:10px;font-weight:700}.dashDateRange label span{margin-bottom:4px;display:block}.dashDateRange input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:7px 9px}.dashStats{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.dashStat{min-height:154px;animation:.55s cubic-bezier(.2,.75,.25,1) both dashCardIn;animation-delay:var(--delay);background:linear-gradient(145deg,#fffdfa,#fff);border:1px solid #7443311c;border-radius:19px;padding:17px 18px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 10px 28px #4d2b1f0e}.dashStat:after{content:"";background:var(--card-glow,#6e10200f);border-radius:50%;width:90px;height:90px;position:absolute;bottom:-42px;right:-30px}.dashStat:hover{border-color:#c8a15a5c;transform:translateY(-5px);box-shadow:0 18px 38px #4d2b1f1c}.dashStatTop{justify-content:space-between;align-items:center;display:flex}.dashStatIcon{background:var(--card-bg,#f4e7e9);width:34px;height:34px;color:var(--card-color,var(--brand));border-radius:11px;place-items:center;font-size:16px;font-weight:900;display:grid}.dashStatValue{white-space:nowrap;text-overflow:ellipsis;margin-top:16px;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:600;overflow:hidden}.dashStatLabel{margin-top:3px;font-size:12px;font-weight:800}.dashStatDetail{color:var(--muted);margin-top:5px;font-size:10px}.dashStat.wine{--card-color:#7b1428;--card-bg:#f5e3e7;--card-glow:#7b142814}.dashStat.gold{--card-color:#9d7223;--card-bg:#f8edda;--card-glow:#c8a15a1f}.dashStat.mint{--card-color:#367a61;--card-bg:#e4f2ec;--card-glow:#3c8b6e1a}.dashStat.alert{--card-color:#a46919;--card-bg:#fff0d5;--card-glow:#b9892f1a}.dashStat.danger{--card-color:#a52f39;--card-bg:#f9e1e2;--card-glow:#b738421a}.dashStat.ink{--card-color:#292020;--card-bg:#ebe5e1;--card-glow:#1e141412}.dashPulse{letter-spacing:.12em;color:#3b8a6c;align-items:center;gap:5px;font-size:8px;font-weight:900;display:flex}.dashPulse i{background:#51b88e;border-radius:50%;width:6px;height:6px;animation:1.8s infinite dashPulse;display:block}.dashGrid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;display:grid}.dashPanel{box-shadow:var(--shadow);background:#fffdfae6;border:1px solid #7443311f;border-radius:21px;animation:.6s .25s both dashCardIn;overflow:hidden}.dashPanelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.dashPanelHead h2{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:600}.dashPanelKicker{letter-spacing:.22em;color:var(--accent);font-size:9px;font-weight:900}.dashCountBadge{min-width:34px;height:34px;color:var(--brand);background:#f3e5e8;border-radius:12px;place-items:center;padding:0 10px;font-size:12px;font-weight:900;display:grid}.dashTableWrap{overflow:auto}.dashTable{min-width:780px}.dashTable th{background:#fbf7f3;padding-top:11px;padding-bottom:11px}.dashTable tbody tr{animation:.35s both dashRowIn;animation-delay:var(--row-delay);transition:background .18s}.dashTable tbody tr:hover{background:#fdf6f2}.dashOrderId{color:var(--brand);font-weight:900}.dashAmount{font-variant-numeric:tabular-nums;font-weight:900}.dashMuted{color:var(--muted)}.dashStatus{color:#685d58;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:#eee7e3;border-radius:999px;max-width:150px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-block;overflow:hidden}.dashStatus.unfulfilled{color:#93641c;background:#fff0d6}.dashStatus.fulfilled{color:#32765b;background:#e3f3eb}.dashStatus.partially_fulfilled{color:#8d6622;background:#f5e8d4}.dashEmpty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:9px;padding:42px;display:flex}.dashEmpty span{color:var(--accent);font-size:30px}.dashSummaryPanel{padding-bottom:18px}.dashRing{--value:0deg;background:conic-gradient(var(--brand) var(--value),#efe5df 0);border-radius:50%;place-items:center;width:160px;height:160px;margin:24px auto;display:grid;position:relative;box-shadow:0 10px 30px #6e102021}.dashRing:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:13px;box-shadow:inset 0 0 0 1px #7443311a}.dashRing>div{z-index:1;text-align:center;position:relative}.dashRing strong{font-family:Georgia,serif;font-size:30px;display:block}.dashRing span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.dashSummaryList{padding:0 20px}.dashSummaryList>div{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:11px 0;font-size:11px;display:flex}.dashSummaryList>div:last-child{border-bottom:none}.dashSummaryList b{color:var(--ink);font-size:12px}.dashSummaryNote{color:#816f65;background:#f8f0e8;border-radius:11px;margin:14px 18px 0;padding:11px 12px;font-size:9px;line-height:1.5}@keyframes dashFade{0%{opacity:0}to{opacity:1}}@keyframes dashCardIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes dashRowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes dashPulse{0%,to{box-shadow:0 0 #51b88e59}50%{box-shadow:0 0 0 7px #51b88e00}}@keyframes dashShine{0%{transform:translate(-120%)}45%,to{transform:translate(130%)}}@media (max-width:1180px){.dashStats{grid-template-columns:repeat(2,minmax(180px,1fr))}.dashGrid{grid-template-columns:1fr}.dashSummaryPanel{grid-template-columns:1fr 1fr;display:grid}.dashSummaryPanel .dashPanelHead{grid-column:1/-1}.dashSummaryNote{align-self:end;margin-bottom:0}}@media (max-width:760px){.main{padding:18px 14px 32px}.dashHero{min-height:210px;padding:28px 22px}.dashHero h1{font-size:35px}.dashHeroMark{font-size:150px}.dashStats{grid-template-columns:1fr 1fr}.dashToolbar{align-items:flex-start}.dashToolbar>div:first-child{width:100%}.dashPeriodTabs{width:100%;overflow:auto}.dashPeriodTabs button{text-align:center;white-space:nowrap;flex:1}.dashDateRange{width:100%}.dashDateRange label{flex:1}.dashDateRange input{width:100%}.dashGrid{display:block}.dashSummaryPanel{margin-top:16px;display:block}}@media (max-width:500px){.dashStats{grid-template-columns:1fr}.dashHero p{max-width:90%}.dashStat{min-height:136px}}@media (prefers-reduced-motion:reduce){.dashPage,.dashStat,.dashPanel,.dashTable tbody tr,.dashLiveDot,.dashPulse i,.dashHero:after{animation:none!important}.dashStat,.btn,.nav button{transition:none!important}}.side .brand{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:92px;padding:18px 18px 10px;display:flex;overflow:hidden}.side .brand img{object-fit:contain;object-position:left center;filter:invert();width:128px;max-width:100%;height:52px;display:block}.side .brand small{margin-top:7px;padding-inline-start:2px}@media (max-width:820px){.side .brand{align-items:center;min-height:70px;padding:12px 8px}.side .brand img{object-position:center;width:42px;height:42px}}