:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0d1b2e;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f8fa}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:linear-gradient(180deg,#071b31,#031426);color:#fff;padding:24px 12px 18px;display:flex;flex-direction:column;z-index:10}.brand{text-align:center;padding:0 8px 25px}.brand-word{font-size:52px;font-weight:800;letter-spacing:2px;line-height:.95}.brand-word span{position:relative}.brand-word span:after{content:"";position:absolute;width:7px;height:7px;background:#ff7800;border-radius:50%;right:-6px;top:2px}.brand-sub{font-size:8px;font-weight:700;margin-top:9px;letter-spacing:.15px}.brand-by{font-size:14px;margin-top:4px}nav{flex:1;overflow-y:auto}.nav-item{height:46px;padding:0 12px;border-radius:7px;display:flex;align-items:center;gap:14px;color:#f8fbff;font-size:15px;margin:1px 0;cursor:pointer}.nav-item svg:last-child{margin-left:auto}.nav-item.active{background:#132a41;color:#ff7a00;border-left:4px solid #ff7a00;padding-left:8px;font-weight:700}.nav-item:nth-child(12){margin-top:14px;border-top:1px solid #193149;padding-top:14px;height:60px}.user-card{border:1px solid #1a344f;border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px}.user-card>div:nth-child(2){flex:1}.user-card strong,.user-card span{display:block}.user-card strong{font-size:13px}.user-card span{font-size:11px;color:#d5deea;margin-top:3px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#dcb899,#253b55);display:grid;place-items:center;color:#fff;font-weight:700;border:2px solid rgba(255,255,255,.45)}.avatar.small{width:34px;height:34px;font-size:11px}.main{margin-left:222px;min-width:0;width:calc(100% - 222px)}.topbar{height:80px;background:#fff;border-bottom:1px solid #e6e9ee;display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:5}.topbar h1{font-size:26px;margin:0 0 0 26px}.icon-btn,.square-btn{border:0;background:transparent;color:#0c1d32;display:grid;place-items:center;cursor:pointer}.square-btn{width:38px;height:38px;border-radius:7px;background:#061b31;color:#fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.search{width:345px;height:42px;border:1px solid #dbe1e8;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#536177;font-size:14px}.search kbd{margin-left:auto;color:#9aa4b4;border:0;background:none}.badge-wrap{position:relative}.badge-wrap em{position:absolute;right:-7px;top:-11px;background:#ff7900;color:#fff;border-radius:14px;font-size:10px;font-style:normal;padding:2px 6px}.content{padding:6px 20px 14px}.date-row{height:58px;display:flex;align-items:center;justify-content:flex-end}.date-btn{border:1px solid #e0e4e9;background:#fff;border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:10px;color:#19283d}.date-btn span{margin-left:12px}.card{background:#fff;border:1px solid #e7eaee;border-radius:11px;box-shadow:0 2px 8px #1228420f}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr) .75fr;gap:14px}.kpi{padding:18px 18px 12px;min-height:215px}.kpi-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.kpi-head i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal}.blue{background:#e7f0ff;color:#1767e8}.green{background:#e8f6e6;color:#208d2d}.orange{background:#fff1e5;color:#ff7800}.red{background:#ffe9e7;color:#ed3127}.kpi>strong{font-size:25px;display:block;margin:2px 0 7px}.kpi p{font-size:12px;font-weight:700;margin:0 0 16px}.kpi p small{font-weight:400;color:#69768a;margin-left:5px}.positive{color:#14972e}.negative{color:#ef312d}.goal{display:flex;justify-content:space-between;font-size:12px;color:#5d6b80;margin-bottom:8px}.goal b{color:#27364a}.progress{height:4px;background:#eef1f5;border-radius:10px;overflow:hidden}.progress span{height:100%;display:block;background:#ff7900}.greenbar span{background:#27932f}.kpi>small{font-size:11px;color:#68758a}.mini-line{width:100%;height:34px;display:block;margin-top:5px}.kpi.low hr{border:0;border-top:1px solid #edf0f3;margin:19px 0 13px}.split{display:grid;grid-template-columns:1fr 1fr}.split>div+div{border-left:1px solid #e9edf1;padding-left:20px}.split span,.split b{display:block}.split span{font-size:11px;color:#637084}.split b{font-size:17px;margin-top:8px}.mid-grid{display:grid;grid-template-columns:1.18fr 1.18fr 1fr;gap:14px;margin-top:16px}.sales-card,.marketplace,.recent{min-height:300px;padding:16px 18px}.card-title{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px}.card-title button{background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:8px 12px;color:#3d4b61}.card-title a{font-size:12px;color:#ff7800;font-weight:500}.sales-value{font-weight:800;font-size:22px;margin:20px 0 4px}.sales-value small{font-size:12px;color:#14972e}.sales-chart{width:100%;height:205px}.market-body{display:flex;align-items:center;gap:30px;height:250px}.donut{width:190px;height:190px;border-radius:50%;background:conic-gradient(#2474e5 0 63%,#4b93f2 63% 78%,#2bb35f 78% 87%,#ffb000 87% 93%,#ff7a00 93% 96%,#a2acb9 96%);position:relative;flex:none}.donut:after{content:"";position:absolute;inset:35px;border-radius:50%;background:#fff}.donut>div{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut b{font-size:18px}.donut span{font-size:12px;color:#68758a;margin-top:4px}.legend{flex:1}.legend>div{display:grid;grid-template-columns:10px 1fr 48px 82px;align-items:center;gap:8px;font-size:12px;margin:14px 0}.legend i{width:9px;height:9px;border-radius:50%}.legend strong{text-align:right}.order{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f3}.order:last-child{border:0}.market-logo{font-size:22px;font-weight:800;color:#ff7900;text-align:center}.order b,.order small{display:block}.order b{font-size:12px}.order small{font-size:11px;color:#526075;margin-top:4px}.order-value{text-align:right}.order-value small{color:#12a03a}.bottom-grid{display:grid;grid-template-columns:1.15fr 1fr 1.45fr;gap:14px;margin-top:16px}.list-card{min-height:275px;padding:15px 17px}.recommend{display:grid;grid-template-columns:42px 1fr auto 16px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f3}.recommend:last-child{border:0}.rec-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f0ff;color:#1767e8}.rec-icon.pricing{background:#fff0e3;color:#ff7900}.rec-icon.advertising{background:#e7f5e5;color:#219333}.rec-icon.keywords{background:#efe9ff;color:#7146d1}.recommend b,.recommend small{display:block}.recommend b{font-size:12px}.recommend small{font-size:10px;color:#69768a;margin-top:3px}.recommend>span{font-size:10px;padding:5px 10px;border-radius:12px;background:#eaf2ff;color:#1767e8}.inventory-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #edf0f3}.prod-thumb{width:34px;height:27px;border-radius:4px;background:linear-gradient(135deg,#a58f71,#202b35);border:1px solid #d8dde3}.inventory-row b,.inventory-row small{display:block}.inventory-row b{font-size:11px}.inventory-row small{font-size:10px;color:#657287;margin-top:3px}.inventory-row>div:last-child{text-align:right;color:#ef312d}.inventory-row>div:last-child strong{display:block}.inventory-row>div:last-child small{color:#ef312d}.table-head,.product-row{display:grid;grid-template-columns:1.8fr .8fr .7fr .55fr;gap:12px;align-items:center}.table-head{font-size:10px;color:#627084;padding:12px 0 8px}.product-row{padding:7px 0;border-top:1px solid #edf0f3;font-size:11px}.product-row>div:first-child{display:flex;align-items:center;gap:10px}.product-row .mini-line{height:24px;margin:0}.product-row b{font-size:11px}footer{height:56px;background:#fff;border-top:1px solid #e6e9ee;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;color:#445267}footer div{display:flex;gap:28px}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.mid-grid{grid-template-columns:1fr 1fr}.recent{grid-column:span 2}.bottom-grid{grid-template-columns:1fr 1fr}.top-products{grid-column:span 2}.search{width:260px}}@media(max-width:900px){.sidebar{width:78px}.brand-word{font-size:25px}.brand-sub,.brand-by,.nav-item span,.nav-item svg:last-child,.user-card>div:nth-child(2),.user-card>svg{display:none}.nav-item{justify-content:center}.main{margin-left:78px;width:calc(100% - 78px)}.topbar h1{font-size:20px}.search{display:none}.kpi-grid,.mid-grid,.bottom-grid{grid-template-columns:1fr 1fr}.recent,.top-products{grid-column:span 2}}@media(max-width:640px){.sidebar{display:none}.main{margin:0;width:100%}.topbar{height:64px}.topbar h1{margin-left:12px;font-size:18px}.top-actions{gap:9px}.top-actions .icon-btn:nth-of-type(n+3){display:none}.content{padding:8px}.kpi-grid,.mid-grid,.bottom-grid{grid-template-columns:1fr}.recent,.top-products{grid-column:auto}.market-body{flex-direction:column;height:auto;padding:20px 0}.date-row{justify-content:flex-start}footer{flex-direction:column;height:auto;gap:12px;padding:18px}footer div{gap:12px;flex-wrap:wrap}}