@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter Variable,Inter,system-ui,sans-serif;font-size:14px;color:#211b2a;background:#f7f6fa;font-synthesis:none;--ink: #211b2a;--muted: #6f6879;--purple: #6b31a5;--dark-purple: #4c2369;--line: #ebe7f0;--bg: #f7f6fa;--white: #fff}*{box-sizing:border-box}body{margin:0;min-width:300px}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #8d4bc2;outline-offset:3px}a{color:var(--purple)}h1,h2,h3,p{margin:0}h1{font-size:clamp(23px,2.2vw,32px);line-height:1.18;letter-spacing:-.045em}h2{font-size:17px;line-height:1.35;letter-spacing:-.024em}h3{font-size:14px}p{line-height:1.6}svg{flex-shrink:0}input,select,textarea{min-width:0;width:100%;border:1px solid #e5deec;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink)}input[type=checkbox]{width:auto;accent-color:var(--purple)}textarea{resize:vertical;min-height:76px}button{color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{height:100dvh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 18px 19px;overflow:auto;z-index:5}.brand{display:flex;align-items:center;gap:11px;margin:0 7px 29px;min-width:0}.brand strong{display:block;font-size:18px;font-weight:850;letter-spacing:.055em;line-height:1.05;color:#291a35}.brand span{display:block;font-size:9px;letter-spacing:.25em;color:#746584;margin-top:5px;font-weight:700}.brand-mark{width:39px;height:39px;border-radius:12px;background:#5c287a;display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:3px;transform:rotate(-4deg);box-shadow:0 3px 6px #5c287a24;flex-shrink:0}.brand-mark i{border-radius:3px;background:#ffdbab}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:#d9abff}.mode-label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:29px;min-height:58px}.mode-label>div:nth-child(2){min-width:0;flex:1}.mode-label small{color:var(--muted);display:block;font-size:8px;font-weight:700;letter-spacing:.12em;margin-bottom:3px}.mode-label b{font-size:12px;display:block}.sidebar nav{display:grid;gap:5px}.sidebar nav p{font-size:10px;font-weight:720;color:#81788b;letter-spacing:.12em;margin:0 11px 5px}.sidebar nav button,.demo-switch{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:11px;min-height:43px;border:0;border-radius:8px;background:transparent;color:#655d71;font-weight:575;font-size:13px;position:relative}.sidebar nav button:hover{background:#f8f5fb;color:var(--purple)}.sidebar nav .nav-active{color:#662d93;background:#f1e8fa;font-weight:720}.sidebar nav .nav-active i{width:4px;height:17px;border-radius:9px;background:#8d48ba;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:25px}.demo-switch{color:#694781;border:1px solid #eee3f4;background:#fbf7fd;margin-top:14px;gap:8px;font-size:12px}.demo-switch span{flex:1}.topbar{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid var(--line);position:relative;z-index:4}.breadcrumbs,.top-actions{display:flex;align-items:center;gap:13px;color:#787083}.breadcrumbs b{color:var(--ink);font-size:13px}.top-actions{gap:18px}.bell{position:relative}.bell i{width:7px;height:7px;border-radius:50%;background:#9c53c7;border:1px solid #fff;position:absolute;top:5px;right:7px;pointer-events:none}.avatar{background:#eeddf6;color:#69348d;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:760}.profile-wrap{position:relative}.profile-button{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;color:var(--ink);padding:2px}.profile-button b,.profile-button small{display:block;white-space:nowrap}.profile-button b{font-size:12px}.profile-button small{color:var(--muted);font-size:10px;margin-top:3px}.profile-menu{position:absolute;z-index:7;top:45px;right:0;min-width:175px;border-radius:10px;padding:5px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px #2d15301c}.profile-menu button{display:flex;align-items:center;gap:7px;padding:9px;width:100%;background:#fff;border:0;border-radius:6px;text-align:left}.profile-menu button:hover{background:#f6eefb}.menu-trigger,.scrim{display:none}.content{max-width:1560px;margin:auto;padding:27px clamp(18px,3vw,42px) 0;display:grid;align-content:start;gap:21px;min-width:0}.page-title{display:flex;justify-content:space-between;align-items:center;gap:14px}.page-title p{color:var(--muted);margin-top:6px;font-size:13px}.hero{min-height:217px;background:radial-gradient(ellipse at 76% 100%,#6b347f,#431c5a 62%,#341444);color:#fff;border-radius:17px;position:relative;overflow:hidden;display:flex;align-items:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 0 0 35%;z-index:-1;background:linear-gradient(90deg,#41184e 0%,transparent 40%),url(/chocolate-hero.png) 70% 68% / cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#30103e20,transparent)}.hero-content{padding:23px 30px 26px}.hero-rank{display:inline-flex;align-items:center;gap:6px;color:#ffe1b5;background:#ffffff13;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:620;border:1px solid #ffffff2b}.hero h2{font-size:clamp(24px,3.2vw,37px);line-height:1.08;letter-spacing:-.048em;margin:9px 0;font-weight:760}.hero p{color:#e5d2ec;font-size:12px;margin-bottom:14px}.hero p b{color:#ffe1b5;margin-left:4px}.hero .button{color:#562572;border-color:#fff;font-size:12px;min-height:35px;padding:7px 11px}.period-control{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;gap:7px;background:#fff;color:#696071;padding:1px 3px;white-space:nowrap;font-size:12px}.period-control .icon-button{width:28px;height:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:8px 13px;border-radius:8px;font-size:13px;font-weight:670;border:1px solid transparent;line-height:1.25;white-space:nowrap}.primary{background:#693299;color:#fff}.primary:hover:not(:disabled){background:#54277d}.secondary{background:#fff;border-color:#e8e0ee;color:#62388a}.secondary:hover:not(:disabled),.ghost:hover:not(:disabled){background:#f3ebf8}.ghost{background:transparent;color:var(--purple)}.danger{background:#fce9ed;color:#9a2445}.icon-button{width:35px;height:35px;display:inline-grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#75677d;padding:0;flex-shrink:0}.icon-button:hover:not(:disabled){background:#f3eaf8;color:var(--purple)}.card{background:#fff;border:1px solid var(--line);border-radius:13px;min-width:0;padding:18px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}.card-heading p{color:var(--muted);font-size:12px;margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dealer-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:flex;align-items:flex-start;gap:11px;min-height:105px;padding:15px 13px}.metric-icon,.small-icon{display:grid;place-items:center;flex-shrink:0;border-radius:9px;width:38px;height:38px}.small-icon{width:32px;height:32px;border-radius:8px}.metric-icon.purple,.small-icon.purple{background:#f1e6fa;color:#7437a5}.metric-icon.mint,.small-icon.mint{background:#e5f6ed;color:#287950}.metric-icon.peach,.small-icon.peach{background:#fff0e4;color:#aa632c}.metric-icon.blue,.small-icon.blue{background:#ebeefe;color:#4e60b1}.metric-body{min-width:0}.metric p,.value-card p{color:var(--muted);font-weight:540;font-size:12px;margin:0 0 5px}.metric strong{display:block;font-size:clamp(15px,1.55vw,24px);white-space:nowrap;line-height:1.15;letter-spacing:-.045em}.metric-detail{color:#746b7f;font-size:10px;line-height:1.35;margin-top:6px}.increase,.decrease{display:inline-flex;align-items:center;gap:1px;color:#177949;font-weight:660;margin-right:5px}.decrease{color:#a74452}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);gap:16px}.dashboard-side{display:grid;grid-template-rows:auto 1fr;gap:13px}.voucher-card .card-heading,.progress-card .card-heading{margin-bottom:6px;align-items:center}.voucher-card,.progress-card{padding:15px 16px}.subtle{color:var(--muted);font-size:12px}.block{display:block;margin-top:3px}.code-box{border:1px dashed #cfb1e4;background:#faf5fd;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:4px 8px 4px 11px;color:#642d96;margin:10px 0 5px;min-height:37px;overflow-wrap:anywhere;letter-spacing:.02em}.code-box strong{font-weight:780}.text-button{display:inline-flex;align-items:center;gap:4px;color:#713a9e;background:transparent;border:0;padding:4px 0;font-size:12px;font-weight:690;white-space:nowrap}.text-button:hover{color:#43145f;text-decoration:underline}.progress-label{display:flex;justify-content:space-between;gap:8px;margin:5px 0;color:var(--muted);font-size:11px}.progress-label b{color:#693890}.dropship-progress{border-top:1px solid var(--line);margin-top:9px;padding-top:4px}.progress-track{height:7px;border-radius:12px;background:#eee7f4;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,#793caa,#b16bd5);border-radius:inherit}.chart-card{min-height:302px}.compact-select{width:auto;max-width:100%;min-height:34px;font-size:12px;padding:6px 8px}.chart-legend{display:flex;justify-content:flex-end;gap:15px;color:var(--muted);font-size:11px;margin:-1px 0 13px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:9px;height:9px;border-radius:3px;background:#8b4abd}.chart-legend span:nth-child(2) i{background:#d8b4f3}.chart{display:grid;height:172px;grid-template-columns:44px 1fr;grid-template-rows:1fr}.chart-guides{grid-area:1 / 1 / 2 / 3;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:22px}.chart-guides div{display:flex;align-items:center;gap:5px;height:0}.chart-guides span{width:38px;color:var(--muted);font-size:9px;text-align:right}.chart-guides b{height:1px;flex:1;background:#f0edf3}.chart-bars{grid-area:1 / 2 / 2 / 3;display:flex;justify-content:space-around;height:100%;z-index:1}.chart-group{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.bars{display:flex;justify-content:center;align-items:flex-end;gap:4px;flex:1;width:100%}.bars i{width:min(22px,29%);background:#8b4abd;border-radius:5px 5px 0 0}.bars i:nth-child(2){background:#d8b4f3}.chart-card:has(select option[value=dropship]:checked) .bars i{background:#d8b4f3}.chart-group small{height:22px;padding-top:9px;white-space:nowrap;color:var(--muted);font-size:9px}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:11px;color:#6f6679;font-weight:640;white-space:nowrap;background:#f9f7fb}th,td{padding:10px 11px;border-bottom:1px solid #f1edf5}tr:last-child td{border-bottom:0}th:first-child{border-radius:7px 0 0 7px}th:last-child{border-radius:0 7px 7px 0}.strong{font-weight:720}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:675;border-radius:20px;white-space:nowrap}.tag i{background:currentColor;width:5px;height:5px;border-radius:50%}.tag.neutral{background:#f3eff5;color:#655a70}.tag.purple{background:#f1e6fa;color:#7237a0}.tag.green{background:#e8f7ee;color:#217644}.tag.amber{background:#fff3df;color:#8c5b15}.tag.red{background:#fce9ed;color:#a93c54}.empty{color:var(--muted);min-height:90px;display:grid;justify-items:center;align-content:center;gap:6px;text-align:center;padding:12px}.empty svg{color:#a392b1}.two-columns,.three-columns,.form-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.form-layout{align-items:start}.fields{display:grid;gap:12px;min-width:0}.field{display:grid;gap:6px;min-width:0;align-content:start}.field>span{font-weight:640;color:#51475a;font-size:12px}.section-form{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.section-form h3{margin-bottom:5px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}td .actions{margin:0}.actions input{width:auto;max-width:180px}.feature-card{display:flex;align-items:flex-start;gap:13px}.feature-card>div:last-child{flex:1;min-width:0}.feature-card p{margin-top:5px}.feature-card .code-box{width:max-content;max-width:100%;padding-right:11px}.value-card strong{font-size:22px;letter-spacing:-.04em}.value-card .small-icon{margin-bottom:8px}.details{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.5fr);gap:9px;line-height:1.45;font-size:13px}.details dt{color:var(--muted)}.details dd{margin:0;font-weight:660;overflow-wrap:anywhere}.product-list{display:grid;gap:5px}.product-line{display:grid;align-items:center;grid-template-columns:34px minmax(0,1fr) 75px;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.product-line input{padding:7px}.callout{background:#f8f0fc;color:#663889;border-radius:9px;padding:11px 12px;margin:9px 0}.check{display:inline-flex;align-items:center;gap:5px;font-size:12px}dialog{border:1px solid var(--line);border-radius:15px;width:min(590px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:19px;color:var(--ink);box-shadow:0 20px 70px #250f3a42}dialog::backdrop{background:#26182c65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.toast{position:fixed;bottom:18px;right:18px;z-index:20;display:flex;align-items:center;gap:8px;border:1px solid #c3e6d1;background:#f1fff6;color:#226843;border-radius:10px;box-shadow:0 8px 25px #2d18332b;padding:4px 8px 4px 11px;max-width:calc(100% - 36px)}.form-error{margin-bottom:10px;background:#fff0f2;color:#9e2341;border-radius:8px;padding:8px 10px}body:has(dialog[open]) .toast.error{visibility:hidden}.toast.error{background:#fff0f2;border-color:#ecc9cf;color:#9e2341}.notice-list{padding:0;margin:0;list-style:none}.notice-list li{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid var(--line)}.notice-list li:last-child{border-bottom:0}.notice-list li small{margin-left:auto;color:var(--muted)}.notice-list li i{width:7px;height:7px;border-radius:50%;background:#9c53c7}.demo-options{display:grid;gap:7px}.demo-options button{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fbf7fd;color:#612e82}.demo-options button:hover{background:#f2e6fa}.public{max-width:520px;margin:8vh auto 0;padding:24px}.public .card{display:grid;gap:14px}.auth-form>.form-error{margin-bottom:0}.demo-access{border-top:1px solid var(--line);padding-top:10px}.demo-access summary{cursor:pointer;font-size:12px;font-weight:650;color:var(--purple)}.demo-access .demo-options{margin-top:9px}footer{display:flex;justify-content:space-between;align-items:center;padding:4px 0 17px;color:#81758d;font-size:11px}@media(max-width:1140px){.app{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-inline:13px}.metric{padding-inline:10px;gap:7px}.metric-icon{width:32px;height:32px}}@media(max-width:920px){.app{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:9px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:83px}.metric strong{font-size:19px}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.content{gap:15px}}@media(max-width:710px){.app{display:block}.sidebar{position:fixed;left:0;width:235px;transform:translate(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s;padding-inline:14px}.menu-open .sidebar{transform:translate(0);visibility:visible}.scrim{display:block;position:fixed;inset:0;z-index:5;background:#2a113862;border:0}.menu-trigger{display:block}.topbar{height:60px;padding-inline:11px;padding-top:env(safe-area-inset-top)}.top-actions,.breadcrumbs{gap:6px}.breadcrumbs>svg,.profile-button>span:not(.avatar),.profile-button>svg{display:none}.content{padding:17px 12px 0}.hero{min-height:198px}.hero-content{padding:18px 15px}.hero:before{left:27%;opacity:.76}.two-columns,.form-layout{grid-template-columns:1fr}.page-title{flex-wrap:wrap}.page-title p{font-size:12px}.card{padding:13px}footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(max-width:450px){.dashboard-side,.three-columns{grid-template-columns:1fr}.metrics{gap:8px}.metric{min-height:86px;gap:6px;padding-inline:8px}.metric strong{font-size:15px}.metric p{font-size:11px}.metric-icon{width:25px;height:25px}.metric-icon svg{width:16px;height:16px}.hero:before{inset:0 0 0 32%;background-position:59% 67%;opacity:.65}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}