:root{--ink:#102a43;--muted:#8a8b90;--cream:#f4f8fc;--paper:#ffffff;--line:#dbe7f2;--coral:#2f80ed;--blue:#9cc8ff;--yellow:#dbeafe}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Cairo, sans-serif;font-size:13px}.sidebar{width:245px;background:var(--paper);height:100vh;position:fixed;right:0;top:0;border-left:1px solid var(--line);padding:29px 20px 20px;display:flex;flex-direction:column;z-index:5}.brand{font:700 29px 'Space Grotesk';letter-spacing:-2px;color:var(--ink);text-decoration:none}.brand span{color:var(--coral)}.side-brand{padding:0 12px 42px}.side-brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.sidebar nav p{font-size:10px;color:#aaa;margin:22px 13px 8px}.sidebar nav a{height:44px;display:flex;align-items:center;gap:13px;color:var(--muted);text-decoration:none;border-radius:4px;padding:0 14px;font-size:16px;position:relative}.sidebar nav a span{font-size:12px;font-weight:700}.sidebar nav a.active,.sidebar nav a:hover{background:#eaf3ff;color:var(--coral)}.nav-count{position:absolute;left:13px;background:var(--coral);color:#fff;padding:2px 7px;border-radius:20px;font-size:10px}.side-bottom{margin-top:auto}.user-mini{border-top:1px solid var(--line);padding:18px 5px;display:flex;align-items:center;gap:10px}.avatar,.table-avatar{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#dcecff;color:var(--coral);font-weight:800}.user-mini strong{display:block;font-size:11px}.user-mini small{display:block;font-size:9px;color:var(--muted)}.user-mini>span{margin-right:auto;color:var(--muted)}.store-link{border:1px solid var(--line);display:block;text-align:center;border-radius:3px;text-decoration:none;color:var(--ink);padding:10px;font-size:11px;font-weight:700}.page{margin-right:245px}.topbar{height:78px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;align-items:center;padding:0 38px;gap:28px}.top-search{background:var(--cream);height:38px;max-width:365px;flex:1;color:var(--muted);display:flex;align-items:center;padding:0 14px;font-size:21px}.top-search input{border:0;background:none;outline:none;font:11px Cairo;width:100%;padding:0 8px}.top-actions{margin-right:auto;display:flex;align-items:center;gap:11px}.round-btn,.menu-toggle{border:0;background:none;font-size:22px;cursor:pointer;color:var(--ink)}.notification{position:relative}.notification i{width:6px;height:6px;border-radius:50%;background:var(--coral);position:absolute;top:6px;right:8px}.date{font-size:10px;color:var(--ink);line-height:1.8;margin-right:12px}.date b{color:var(--muted);font-weight:400}.mobile-brand,.menu-toggle{display:none}.content{max-width:1440px;margin:auto;padding:40px 38px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--coral);font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:8px}.eyebrow i{display:inline-block;width:19px;height:2px;background:var(--coral)}h1{font-size:29px;letter-spacing:-1px;margin:0 0 5px}h1 span{color:var(--yellow);font-size:22px}h2{font-size:16px;margin:0 0 4px}p{margin:0;color:var(--muted)}.welcome p:not(.eyebrow){font-size:12px}.primary-btn{background:var(--coral);border:0;color:#fff;font:700 11px Cairo;border-radius:3px;padding:12px 18px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.stat-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:3px}.stat-card{padding:19px 20px;position:relative;overflow:hidden}.stat-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:19px;margin-bottom:15px}.stat-icon.coral{background:#dcecff;color:var(--coral)}.stat-icon.blue{background:#e5f1ff;color:#4587ed}.stat-icon.yellow{background:#eaf3ff;color:#b38300}.stat-icon.dark{background:#e5edf5;color:#333}.stat-card small{font-size:10px;color:var(--muted);display:block}.stat-card>strong{display:block;font:700 22px 'Space Grotesk';margin:5px 0 7px}.stat-card .up,.stat-card .down{font-size:10px;color:#22a06b;font-weight:700}.stat-card .down{color:var(--coral)}.stat-card em{font-style:normal;color:#aaa;font-weight:400;margin-right:4px}.spark{height:28px;margin-top:15px;opacity:.65;background-size:100% 100%;background-repeat:no-repeat}.coral-line{background-image:linear-gradient(165deg,transparent 47%,#2f80ed 48%,#2f80ed 51%,transparent 52%),linear-gradient(10deg,transparent 44%,#2f80ed 45%,#2f80ed 48%,transparent 49%)}.blue-line{background-image:linear-gradient(175deg,transparent 45%,#9cc8ff 46%,#9cc8ff 50%,transparent 51%),linear-gradient(10deg,transparent 48%,#9cc8ff 49%,#9cc8ff 53%,transparent 54%)}.yellow-line{background-image:linear-gradient(160deg,transparent 48%,#dbeafe 49%,#dbeafe 53%,transparent 54%)}.dark-line{background-image:linear-gradient(15deg,transparent 43%,#444 44%,#444 48%,transparent 49%)}.main-grid,.bottom-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:17px;margin-bottom:17px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.panel-head p{font-size:10px}.panel-head select{border:1px solid var(--line);background:var(--paper);font:10px Cairo;padding:7px 10px;color:var(--muted);outline:0}.more{border:0;background:none;color:var(--muted);font-weight:800}.chart-wrap{display:flex;height:220px}.y-labels{width:40px;display:flex;flex-direction:column;justify-content:space-between;color:#aaa;font:9px 'Space Grotesk';padding-bottom:23px}.chart{flex:1;position:relative}.grid-lines{position:absolute;inset:0 0 23px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#efede8 25%,transparent 26%)}svg{position:absolute;width:100%;height:178px;top:0;overflow:visible}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aaa;font-size:9px}.donut-wrap{display:flex;align-items:center;justify-content:space-around;padding-top:12px}.donut{height:162px;width:162px;border-radius:50%;background:conic-gradient(var(--coral) 0 42%,var(--blue) 42% 70%,var(--yellow) 70% 88%,#282a2e 88%);display:flex;align-items:center;justify-content:center}.donut:before{content:'';position:absolute;background:var(--paper);height:112px;width:112px;border-radius:50%}.donut div{position:relative;text-align:center}.donut strong{display:block;font:700 19px 'Space Grotesk'}.donut small{color:var(--muted);font-size:9px}.donut-wrap ul{list-style:none;padding:0;margin:0;min-width:135px}.donut-wrap li{display:flex;align-items:center;gap:7px;margin:16px 0;font-size:10px}.donut-wrap li b{margin-right:auto;font:700 11px 'Space Grotesk'}.dot{display:block;width:8px;height:8px;border-radius:50%}.coral-dot{background:var(--coral)}.blue-dot{background:var(--blue)}.yellow-dot{background:var(--yellow)}.dark-dot{background:#282a2e}.panel-head>a{color:var(--coral);text-decoration:none;font-size:10px;font-weight:700}.order-filters{border-bottom:1px solid var(--line);display:flex;gap:22px;margin:0 -21px;padding:0 21px}.filter{border:0;background:none;padding:0 0 12px;color:var(--muted);font:700 10px Cairo;cursor:pointer;border-bottom:2px solid transparent}.filter.active{color:var(--ink);border-color:var(--coral)}.filter b{background:#f0efec;padding:3px 6px;border-radius:20px;font:9px 'Space Grotesk';margin-right:3px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:630px}th{text-align:right;color:#aaa;font-size:9px;font-weight:600;padding:14px 4px 10px}td{border-top:1px solid var(--line);padding:12px 4px;color:#777;font-size:10px;white-space:nowrap}td b{color:var(--ink);font-family:'Space Grotesk'}.table-avatar{width:25px;height:25px;margin-left:6px;font-size:10px;vertical-align:middle}.pink{background:#eadcff;color:#9a6ae2}.yellow-bg{background:#eaf3ff;color:#b38300}.blue-bg{background:#dceaff;color:#4489ec}.status{padding:4px 7px;font-size:9px;border-radius:2px}.status.shipping{background:#e5efff;color:#4d8be9}.status.pending{background:#fff1c9;color:#a47a05}.status.done{background:#dff5e9;color:#21915f}.inventory-item{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:13px 0}.product-thumb{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px}.coral-thumb{background:#dcecff;color:var(--coral)}.blue-thumb{background:#e5f1ff;color:#4789e9}.yellow-thumb{background:#eaf3ff;color:#b48300}.inventory-info{flex:1}.inventory-info strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.inventory-info small{color:var(--muted);font-size:9px;display:block;margin:2px 0 7px}.progress{height:4px;background:#eeeae4;border-radius:10px;width:100%;max-width:170px}.progress i{display:block;height:100%;background:var(--coral);border-radius:10px}.progress .blue-progress{background:var(--blue)}.progress .yellow-progress{background:var(--yellow)}.inventory-info span{font-size:9px;color:#aaa;display:block;margin-top:5px}.inventory-item>b{font-size:9px;font-weight:600}.low{color:var(--coral)}.medium{color:#ad850f}.good{color:#279463}.toast{position:fixed;bottom:25px;left:30px;background:var(--ink);color:#fff;padding:13px 20px;border-radius:3px;font-size:11px;transform:translateY(100px);transition:.3s;z-index:20}.toast.show{transform:translateY(0)}@media(max-width:1050px){.sidebar{width:215px}.page{margin-right:215px}.content,.topbar{padding-right:25px;padding-left:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{right:-245px;transition:.3s}.sidebar.open{right:0;box-shadow:-5px 0 20px #0002}.page{margin-right:0}.topbar{padding:0 17px;gap:12px}.menu-toggle,.mobile-brand{display:block}.mobile-brand{margin-right:auto}.mobile-brand .brand{font-size:25px}.top-search,.date{display:none}.top-actions{margin-right:0}.content{padding:27px 17px}.welcome{align-items:start;gap:17px}.welcome h1{font-size:23px}.welcome .primary-btn{white-space:nowrap}.main-grid,.bottom-grid{grid-template-columns:1fr}.categories-panel{min-height:330px}.donut-wrap{justify-content:space-evenly}}@media(max-width:430px){.stats-grid{gap:8px}.stat-card{padding:13px}.stat-card>strong{font-size:18px}.stat-card .up em,.stat-card .down em{display:none}.welcome{display:block}.welcome .primary-btn{margin-top:18px}.order-filters{gap:13px;overflow:auto}.filter{white-space:nowrap}.panel{padding:16px}.order-filters{margin:0 -16px;padding:0 16px}}
 .logout-link{margin-top:9px;color:#2f80ed!important;border-color:#dbe7f2!important}.logout-link:hover{background:#eaf3ff!important}
 .empty-dashboard{min-height:210px;display:flex;align-items:center;justify-content:center;color:#8a8b90;font-size:11px;background:#f4f8fc;border:1px dashed #dbe7f2}