:root{--orange:#e1192d;--orange-2:#ff8a32;--orange-soft:#fff0f2;--ink:#171923;--muted:#697080;--line:#e8ebef;--surface:#fff;--page:#f7f8fa;--green:#0eae62;--green-soft:#e8f8ef;--yellow:#f4a900;--yellow-soft:#fff4d8;--blue:#2d73e7;--blue-soft:#eaf2ff;--shadow:0 10px 30px rgba(24,31,48,.055);--radius:16px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:74px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);padding:0 26px}.brand{font-weight:800;font-size:29px;color:var(--orange);text-decoration:none;letter-spacing:-1px}.brand span{font-weight:650}.icon-button{border:0;background:transparent;color:#59606d;font-size:22px;cursor:pointer}.menu-button{margin-left:58px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.notification-button{position:relative}.notification-button span{position:absolute;width:8px;height:8px;border-radius:50%;background:#f13c32;right:1px;top:2px;border:2px solid #fff}.help-link{display:flex;gap:8px;text-decoration:none;color:#4e5563;font-weight:600}.profile{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line);min-width:210px}.profile div:nth-child(2){display:grid;gap:3px}.profile strong{font-size:13px}.profile small{color:var(--muted)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#261d16,#e26212);color:#fff;font-weight:800}.sidebar{position:fixed;z-index:40;left:0;top:74px;bottom:0;width:256px;padding:24px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.sidebar nav{display:grid;gap:7px}.nav-item{position:relative;height:48px;display:flex;align-items:center;gap:14px;padding:0 15px;border-radius:10px;text-decoration:none;color:#555d6b;font-weight:540}.nav-item:hover{background:#f8f8f9;color:var(--ink)}.nav-item.active{background:linear-gradient(90deg,#fff0e6,#fff8f3);color:var(--orange);font-weight:700}.nav-item.active:before{content:"";position:absolute;left:-16px;width:4px;height:28px;background:var(--orange);border-radius:0 4px 4px 0}.nav-icon{width:24px;text-align:center;font-size:20px}.nav-item b{margin-left:auto;padding:3px 9px;border-radius:99px;background:var(--orange);color:#fff;font-size:12px}.sidebar-bottom{display:grid;gap:6px;padding-top:18px;border-top:1px solid var(--line)}.plan-card{margin:10px 6px;padding:15px;border:1px solid var(--line);border-radius:12px;display:flex;gap:12px}.plan-card>span{font-size:25px;color:var(--orange)}.plan-card div{display:grid;gap:4px}.plan-card strong{font-size:13px}.plan-card small{font-size:11px;color:var(--muted)}.plan-card a{font-size:12px;color:var(--orange);text-decoration:none}.main-content{margin-left:256px;padding:106px 34px 38px;max-width:1800px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--orange)!important;margin-bottom:7px!important}.page-heading h1{font-size:26px;letter-spacing:-.5px;margin:0 0 6px}.page-heading p{margin:0;color:var(--muted)}.store-control{display:flex;align-items:center;gap:15px;font-weight:600}.switch{width:48px;height:27px;border:0;border-radius:99px;background:#cbd0d8;padding:3px;cursor:pointer;transition:.2s}.switch i{display:block;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 5px #0002}.switch.is-on{background:var(--green)}.switch.is-on i{transform:translateX(21px)}.button{height:40px;padding:0 17px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}.button-outline{border:1px solid #d8dce3;background:#fff;color:#4d5360}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.metric-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{min-height:120px;padding:20px;display:flex;align-items:center;justify-content:space-between}.metric-card>div{display:grid;gap:8px}.metric-card span:first-child{text-transform:uppercase;font-size:11px;font-weight:700;color:#555d69}.metric-card strong{font-size:22px;letter-spacing:.01em}.metric-card small{color:var(--muted);font-size:11px}.metric-card small b,.sales-card small b{color:var(--green)}.metric-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);font-size:20px;font-weight:750}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr .85fr;gap:20px}.card{padding:18px}.card h2{font-size:15px;margin:0}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-heading a{color:var(--orange);text-decoration:none;font-size:12px}.card-heading>div{display:grid;gap:6px}.card-heading>div>strong{font-size:20px}.card-heading small{color:var(--muted);font-size:11px}.text-button{border:0;background:transparent;color:#59606b;font-size:12px}.sales-card{min-height:326px}.chart{display:flex;height:225px;margin-top:15px}.chart-y{width:50px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0 27px;color:#878d98;font-size:10px}.chart-plot{position:relative;flex:1}.chart-plot svg{position:absolute;inset:0 0 24px;width:100%;height:calc(100% - 24px);overflow:visible}.gridline{position:relative;display:block;height:calc((100% - 24px)/4);border-top:1px solid #eceef1}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#878d98;font-size:10px}.compact-orders{display:grid;margin:12px -18px -18px}.compact-orders>div{display:grid;grid-template-columns:.7fr .7fr 1.2fr 1fr;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid var(--line);font-size:11px}.compact-orders>div>span{color:var(--muted)}.compact-orders>div>b{text-align:right}.status{font-style:normal;font-size:10px;padding:5px 8px;border-radius:7px;width:max-content;font-weight:650}.status-success{color:#088d4b;background:var(--green-soft)}.status-warning{color:#b47500;background:var(--yellow-soft)}.status-info{color:#1d66cf;background:var(--blue-soft)}.best-card{display:grid;align-content:start;gap:12px}.best-item{display:grid;grid-template-columns:16px 34px 1fr;align-items:center;gap:8px;font-size:11px}.best-item i{width:34px;height:34px;border-radius:9px;background:#fff4e9;display:grid;place-items:center;font-style:normal;font-size:21px}.best-item div{display:grid;gap:2px}.best-item small{color:var(--muted)}.quick-row{display:grid;grid-template-columns:.8fr 1.6fr;gap:20px;margin-top:20px}.store-status-card{display:flex;align-items:center;justify-content:space-between}.store-status-card p{font-size:12px;color:var(--muted);margin:7px 0 0;max-width:240px}.quick-card>div{display:grid;grid-template-columns:repeat(5,1fr);margin-top:14px}.quick-card a{display:grid;justify-items:center;gap:6px;text-decoration:none;color:#323844;font-size:10px}.quick-card i{font-style:normal;color:var(--orange);font-size:22px}.recent-card{margin-top:20px}.table-wrap{overflow-x:auto;margin:10px -18px -18px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;border-top:1px solid var(--line);padding:12px 16px;font-size:11px}th{color:#606774;font-weight:700;background:#fcfcfd}td small{display:block;color:var(--muted);margin-top:4px}.mini-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 9px;font-size:10px}.mobile-backdrop{display:none}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1.5fr 1fr}.best-card{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.best-card .card-heading{grid-column:1/-1}.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topbar{height:66px;padding:0 16px}.menu-button{order:-1;margin:0 14px 0 0}.brand{font-size:25px}.topbar-actions{gap:10px}.profile{min-width:auto;border:0;padding-left:0}.profile div:nth-child(2),.profile>span,.help-link span{display:none}.sidebar{top:66px;transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 60px #18203020}.sidebar.is-open{transform:none}.mobile-backdrop{position:fixed;z-index:35;inset:66px 0 0;background:#1117}.mobile-backdrop.is-visible{display:block}.main-content{margin-left:0;padding:90px 18px 30px}.dashboard-grid,.quick-row{grid-template-columns:1fr}.best-card{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.store-control>span{display:none}}
@media(max-width:560px){html{font-size:14px}.page-heading{display:grid;gap:16px}.store-control{justify-content:flex-start}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:105px;padding:14px}.metric-card strong{font-size:17px}.metric-icon{width:38px;height:38px;border-radius:11px;font-size:14px}.dashboard-grid{gap:12px}.chart-y{width:40px}.compact-orders>div{grid-template-columns:.75fr .7fr 1.2fr}.compact-orders>div>b{display:none}.best-card{grid-template-columns:1fr 1fr}.quick-card>div{display:flex;overflow-x:auto;gap:20px}.quick-card a{min-width:75px}.store-status-card{align-items:flex-start}.topbar-actions .help-link{display:none}}
.store-control form{margin:0}.store-refresh-form .button{white-space:nowrap}.dashboard-alert{margin-top:-8px;margin-bottom:20px}.publication-state{display:block;margin-top:8px;color:var(--muted);font-size:10px}@media(max-width:900px){.store-control{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:560px){.store-control{display:grid;grid-template-columns:1fr 1fr;width:100%}.store-operation-form{grid-column:1/-1}.store-refresh-form .button,.store-control>a{width:100%}}