:root{--bg:#f7f8fc;--surface:#fff;--ink:#1d2032;--muted:#85899e;--line:#e9eaf1;--purple:#6e63e8;--purple-soft:#efedff;--orange:#f0a43d;--teal:#26b6a7;--red:#ed6d73;--shadow:0 7px 24px rgba(26,31,62,.035)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:18px}.app-shell{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;width:248px;flex-shrink:0;padding:27px 16px 18px}.brand{align-items:center;display:flex;gap:11px;padding:0 13px;margin-bottom:29px}.brand-mark{background:var(--purple);border-radius:9px;color:#fff;font-family:'Plus Jakarta Sans';font-size:25px;font-weight:800;height:40px;display:flex;align-items:center;justify-content:center;width:40px}.brand strong{display:block;font-family:'Plus Jakarta Sans';font-size:21px;letter-spacing:-.6px}.brand span{color:#adb0c1;display:block;font-size:12px;font-weight:700;letter-spacing:1.7px;margin-top:1px}.workspace-switcher{align-items:center;background:#fafaff;border:1px solid #eeeef7;border-radius:12px;display:flex;gap:9px;margin:0 2px 28px;padding:9px}.workspace-icon{background:#dedcff;border-radius:8px;color:#655be0;font-size:14px;font-weight:700;height:30px;line-height:30px;text-align:center;width:30px}.workspace-switcher strong,.profile-mini strong{display:block;font-size:16px}.workspace-switcher span,.profile-mini span{color:#a2a4b4;display:block;font-size:14px;margin-top:3px}.icon-button{background:none;border:0;color:#a8aaba;cursor:pointer;font-size:18px;margin-left:auto;padding:3px}.nav-label{color:#b3b5c2;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 13px 9px}.nav-label-spaced{margin-top:27px}.nav-item{align-items:center;border-radius:10px;color:#777b90;display:flex;font-size:17px;font-weight:600;gap:12px;margin:3px 0;padding:11px 13px;text-decoration:none}.nav-item:hover{background:#f7f6ff;color:var(--purple)}.nav-item.active{background:var(--purple-soft);color:var(--purple);font-weight:700}.nav-icon{font-size:20px;line-height:15px;text-align:center;width:17px}.nav-count{background:#e3e0ff;border-radius:10px;color:#7066db;font-size:14px;margin-left:auto;padding:3px 7px}.sidebar-footer{margin-top:auto}.help-card{background:#f6f5ff;border-radius:12px;margin:20px 3px 18px;padding:14px}.help-icon{background:#7167e9;border-radius:6px;color:#fff;font-size:15px;height:21px;line-height:21px;margin-bottom:11px;text-align:center;width:21px}.help-card strong{display:block;font-size:16px}.help-card span,.help-card>a{color:#8c8da4;display:block;font-size:14px;line-height:1.5;margin-top:4px;text-decoration:none}.help-card>a{color:var(--purple);font-weight:700;margin-top:10px}.profile-mini{align-items:center;border-top:1px solid var(--line);display:flex;gap:9px;padding:16px 5px 0}.avatar{border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:28px;line-height:28px;text-align:center;width:28px}.avatar-sky{background:#6fa7dc}.main-content{flex:1;min-width:0}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;height:74px;justify-content:space-between;padding:0 39px}.breadcrumb{align-items:center;display:flex;gap:12px}.breadcrumb span{color:#b0b2bf}.breadcrumb b{color:#d2d2da;font-size:19px;font-weight:400}.breadcrumb strong{font-size:17px}.topbar-actions{align-items:center;display:flex;gap:20px}.topbar-icon{background:none;border:0;color:#757990;cursor:pointer;font-size:26px;position:relative}.notification-dot{background:#ef696f;border:2px solid var(--bg);border-radius:50%;height:7px;position:absolute;right:1px;top:0;width:7px}.topbar-divider{background:var(--line);height:26px;width:1px}.date-label{text-align:right}.date-label span{color:#a7a9b7;display:block;font-size:14px;margin-bottom:3px}.date-label strong{font-size:16px}.mobile-menu{display:none}.page-content{margin:0 auto;max-width:1440px;padding:34px 40px 20px}.welcome-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px}.eyebrow{color:#9a9cac;font-size:14px;font-weight:700;letter-spacing:1.4px;margin:0 0 8px}.welcome-row h1{font-family:'Plus Jakarta Sans';font-size:31px;letter-spacing:-.8px;margin:0}.welcome-row h1 span{color:#f5bc48;font-size:26px}.subtitle{color:#979aaa;font-size:16px;margin:8px 0 0}.primary-button{background:var(--purple);border:0;border-radius:8px;box-shadow:0 5px 12px #7065e833;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;padding:12px 14px}.primary-button span{font-size:21px;vertical-align:-1px}.primary-button b{font-size:18px;font-weight:400;margin-left:12px}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:19px}.metric-card{background:var(--surface);border:1px solid #eeeff4;border-radius:12px;box-shadow:var(--shadow);min-height:157px;overflow:hidden;padding:16px 17px;position:relative}.metric-head{align-items:center;display:flex;justify-content:space-between}.metric-icon{border-radius:7px;display:inline-block;font-size:20px;height:31px;line-height:31px;text-align:center;width:31px}.purple{background:#efedff;color:#756ae6}.orange{background:#fff3df;color:#eba13a}.teal{background:#e5f8f5;color:#25ab9f}.red{background:#ffebed;color:#e86d75}.trend{border-radius:12px;font-size:14px;font-weight:700;padding:5px 7px}.trend.up{background:#e8f8f0;color:#31a574}.trend.down{background:#fff0e7;color:#df8c4b}.trend.warning{background:#fff0e8;color:#e78a56}.metric-card p{color:#878b9e;font-size:15px;margin:14px 0 5px}.metric-card>strong{display:block;font-family:'Plus Jakarta Sans';font-size:27px;letter-spacing:-.6px}.metric-card em{color:#9599ab;font-family:'DM Sans';font-size:15px;font-style:normal;font-weight:500;letter-spacing:0}.metric-card small{color:#b0b2bf;font-size:14px}.sparkline{bottom:-2px;display:flex;gap:7px;height:32px;position:absolute;right:16px;transform:skewY(-7deg);width:92px}.sparkline i{align-self:end;border-radius:3px 3px 0 0;display:block;width:7px}.sparkline i:nth-child(1){height:11%}.sparkline i:nth-child(2){height:36%}.sparkline i:nth-child(3){height:26%}.sparkline i:nth-child(4){height:52%}.sparkline i:nth-child(5){height:42%}.sparkline i:nth-child(6){height:74%}.sparkline i:nth-child(7){height:58%}.sparkline i:nth-child(8){height:100%}.purple-line i{background:#d9d5fb}.orange-line i{background:#f9dfb7}.teal-line i{background:#b7e8e1}.red-line i{background:#f5c5c8}.dashboard-grid{display:grid;gap:19px;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);margin-bottom:19px}.panel{background:#fff;border:1px solid #eeeff4;border-radius:12px;box-shadow:var(--shadow);min-width:0;padding:21px}.panel-heading{align-items:flex-start;display:flex;justify-content:space-between}.panel h2{font-family:'Plus Jakarta Sans';font-size:18px;letter-spacing:-.2px;margin:0}.panel-heading p{color:#a2a4b4;font-size:15px;margin:6px 0 0}.select-button{background:#fff;border:1px solid var(--line);border-radius:6px;color:#777b8f;font-family:inherit;font-size:14px;padding:8px 10px;appearance:auto;cursor:pointer;background-position:right 6px center;background-repeat:no-repeat}#sales-filter{padding:8px 10px 8px 10px}.select-button span{margin-left:13px}.chart-legend{display:flex;gap:20px;margin:25px 0 11px 50px}.chart-legend span{color:#999cad;font-size:14px}.legend-dot{border-radius:50%;display:inline-block;height:7px;margin-right:6px;width:7px}.purple-dot{background:var(--purple)}.yellow-dot{background:#edc05a}.chart-wrap{display:flex;height:215px}.y-axis{color:#b0b2bf;display:flex;flex-direction:column;font-size:13px;justify-content:space-between;padding:2px 12px 32px 0;text-align:right;width:49px}.chart{flex:1;min-width:0;position:relative}.grid-line{border-top:1px dashed #e8e9f0;left:0;position:absolute;right:0}.line-1{top:0}.line-2{top:32%}.line-3{top:64%}.line-4{top:96%}.chart svg{height:190px;overflow:visible;width:100%}.area{fill:url(#salesFill)}.sales-line{fill:none;stroke:#7065e8;stroke-linecap:round;stroke-width:2}.orders-line{fill:none;stroke:#ebc157;stroke-dasharray:3 4;stroke-linecap:round;stroke-width:2}.chart-point{fill:#fff;stroke:#7065e8;stroke-width:3}.x-axis{bottom:0;color:#a7a9b7;display:flex;font-size:14px;justify-content:space-between;left:0;position:absolute;right:0}.activity-list{margin-top:20px}.activity-item{align-items:flex-start;display:flex;gap:11px;padding:12px 0}.activity-item+.activity-item{border-top:1px solid #f0f0f5}.activity-icon{border-radius:7px;flex-shrink:0;font-size:17px;height:28px;line-height:28px;text-align:center;width:28px}.activity-item strong{display:block;font-size:15px}.activity-item p{color:#85899d;font-size:14px;margin:4px 0}.activity-item small{color:#b4b6c1;font-size:13px}.text-link{color:var(--purple);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}.text-link span{font-size:20px;font-weight:400;margin-left:5px}.lower-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr)}.orders-panel,.stock-panel{min-height:290px}.table-scroll{overflow-x:auto}.orders-panel table{border-collapse:collapse;margin-top:20px;width:100%}.orders-panel th{border-bottom:1px solid var(--line);color:#adafbd;font-size:13px;font-weight:700;padding:0 9px 11px;text-align:left;white-space:nowrap}.orders-panel td{border-bottom:1px solid #f1f1f5;color:#808497;font-size:14px;padding:13px 9px;white-space:nowrap}.orders-panel tbody tr:last-child td{border:0}.orders-panel th:first-child,.orders-panel td:first-child{padding-left:0}.order-id{color:#6259d2;font-size:14px}.customer{align-items:center;display:flex;gap:8px}.customer-avatar{border-radius:50%;font-size:13px;font-weight:700;height:22px;line-height:22px;text-align:center;width:22px}.purple-bg{background:#eeebff;color:#6e63df}.orange-bg{background:#fff0d9;color:#df9142}.teal-bg{background:#e3f7f3;color:#28a798}.customer span:last-child{color:#555a70;font-weight:600}.status{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;padding:5px 8px}.status.waiting{background:#fff4df;color:#d99542}.status.process{background:#e8edff;color:#6674ce}.status.shipped{background:#e5f8f4;color:#2aa48f}.stock-list{margin-top:18px}.stock-item{align-items:center;display:flex;gap:10px;padding:11px 0}.stock-item+.stock-item{border-top:1px solid #f0f0f5}.product-icon{border-radius:7px;flex-shrink:0;font-size:16px;height:29px;line-height:29px;text-align:center;width:29px}.pink{background:#fff0f2;color:#e37e89}.blue{background:#e9f2ff;color:#6d9bd8}.yellow{background:#fff8df;color:#dbad40}.product-info{flex:1;min-width:0}.product-info strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info>span{color:#a6a9b7;display:block;font-size:13px;margin-top:3px}.stock-bar{background:#f0f1f5;border-radius:3px;height:4px;margin-top:9px;max-width:145px;overflow:hidden}.stock-bar i{background:#ee787b;border-radius:3px;display:block;height:100%}.stock-item:nth-child(2) .stock-bar i{background:#e5ad45}.stock-item:nth-child(3) .stock-bar i{background:#5ebeb0}.stock-value{text-align:right}.stock-value strong{display:block;font-size:15px}.stock-value span{color:#a6a9b7;display:block;font-size:13px;margin-top:3px;white-space:nowrap}.page-footer{color:#a7a9b6;display:flex;font-size:14px;justify-content:space-between;padding:3px 2px 0}.page-footer i{background:#40bd91;border-radius:50%;display:inline-block;height:5px;margin-left:4px;width:5px}
@media (max-width:1100px){.sidebar{width:220px}.page-content{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.activity-panel{min-height:0}.activity-list{display:grid;gap:0;grid-template-columns:1fr 1fr}.activity-item:nth-child(3){border-top:1px solid #f0f0f5}.lower-grid{grid-template-columns:1fr}}
@media (max-width:700px){.sidebar{display:none}.sidebar.open{display:flex;left:0;position:fixed;top:0;z-index:10;height:100vh}.main-content{width:100%}.topbar{height:62px;padding:0 16px}.mobile-menu{background:none;border:0;color:#6f7388;display:block;font-size:25px;margin-right:12px}.breadcrumb{font-size:16px}.topbar-actions{gap:11px}.date-label,.topbar-divider{display:none}.topbar-icon{font-size:25px}.page-content{padding:25px 16px 18px}.welcome-row{align-items:flex-start;flex-direction:column;gap:18px}.welcome-row h1{font-size:27px}.primary-button{align-self:stretch}.metric-grid{gap:10px}.metric-card{min-height:145px;padding:13px}.metric-card>strong{font-size:23px}.metric-card p{margin-top:11px}.sparkline{right:10px;transform:scale(.8) skewY(-7deg);transform-origin:right bottom}.panel{padding:16px}.panel-heading{gap:10px}.panel h2{font-size:17px}.select-button{font-size:13px}.chart-legend{margin-left:43px}.activity-list{display:block}.activity-item:nth-child(3){border-top:0}.lower-grid{display:block}.orders-panel{margin-bottom:19px}.page-footer{align-items:flex-start;flex-direction:column;gap:7px}.table-scroll{margin-right:-16px}}

/* Dashboard polish: keep the dense ERP information hierarchy readable. */
body{line-height:1.45;-webkit-font-smoothing:antialiased}
.sidebar{padding-top:22px}
.brand{margin-bottom:22px}
.workspace-switcher{margin-bottom:22px}
.nav-item{min-height:42px;transition:background .18s ease,color .18s ease,transform .18s ease;font-size:17px}
.nav-item:hover{transform:translateX(2px)}
.topbar{background:rgba(255,255,255,.78);backdrop-filter:blur(12px);position:sticky;top:0;z-index:4}
.page-content{padding-top:38px}
.welcome-row{margin-bottom:25px}
.welcome-row h1{font-size:33px;line-height:1.2}
.metric-grid{gap:14px;margin-bottom:22px}
.metric-card{border-radius:14px;min-height:151px;padding:17px 18px;transition:box-shadow .2s ease,transform .2s ease;font-size:17px}
.metric-card:hover,.panel:hover{box-shadow:0 12px 30px rgba(26,31,62,.07);transform:translateY(-1px)}
.dashboard-grid{gap:18px;margin-bottom:18px}
.panel{border-radius:14px;padding:22px;transition:box-shadow .2s ease,transform .2s ease}
.sales-panel{min-height:384px}
.activity-panel{min-height:384px}
.chart-legend{margin-top:22px}
.activity-list{margin-top:17px}
.activity-item{padding:13px 0}
.orders-panel,.stock-panel{min-height:276px}
.orders-panel table{margin-top:18px}
.page-footer{padding-top:2px}
@media (max-width:1100px){.page-content{padding-top:30px}.sales-panel,.activity-panel{min-height:0}}
@media (max-width:700px){.topbar{position:relative}.page-content{padding-top:24px}.welcome-row h1{font-size:27px}.metric-grid{gap:10px}.metric-card{min-height:142px;padding:14px}.panel{border-radius:12px;padding:17px}.sales-panel{min-height:360px}}

/* Shared dashboard readability pass */
body { font-size:14px; }
.sidebar { width: 256px; padding-inline: 18px; }
.brand > div,
.workspace-switcher > div:nth-child(2),
.profile-mini > div:nth-child(2) { min-width: 0; }
.brand strong,
.workspace-switcher strong,
.profile-mini strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-switcher,
.profile-mini { min-width: 0; }
.workspace-switcher .icon-button,
.profile-mini .icon-button { flex: 0 0 auto; }
.nav-item { min-width: 0; }
.nav-item .nav-icon { flex: 0 0 17px; }
.nav-item > :not(.nav-icon):not(.nav-count) { min-width: 0; }
.nav-item { white-space: nowrap; }
.nav-count { flex: 0 0 auto; }
.sidebar,
.sidebar * { -webkit-font-smoothing: antialiased; }
.sidebar { overflow-y: auto; overflow-x: hidden; }
.sidebar .brand { display: flex; flex: 0 0 auto; }
.sidebar .brand > div { display: flex; flex-direction: column; line-height: 1.1; }
.sidebar .brand strong { display: block; }
.sidebar .brand span { display: block; }
.sidebar .workspace-switcher { display: flex; align-items: center; }
.sidebar .workspace-switcher > div:nth-child(2),
.sidebar .profile-mini > div:nth-child(2) { flex: 1 1 auto; overflow: hidden; }
.sidebar .nav-list { display: flex; flex-direction: column; gap: 2px; }
.sidebar .nav-label { flex: 0 0 auto; }
.sidebar .nav-item { flex: 0 0 auto; line-height: 1.25; }
.sidebar .sidebar-footer { flex: 0 0 auto; }
.sidebar .help-card { line-height: 1.35; }
.sidebar .help-card > span,
.sidebar .help-card > a { overflow-wrap: anywhere; }
.topbar { padding-inline: clamp(24px, 4vw, 48px); }
.page-content { max-width: 1480px; padding-inline: clamp(24px, 4vw, 48px); }
.nav-item { font-size:13px; }
.nav-label { font-size:10px; }
.workspace-switcher strong, .profile-mini strong { font-size:12px; }
.workspace-switcher span, .profile-mini span { font-size:10px; }
.welcome-row h1 { font-size: clamp(28px, 2.2vw, 33px); }
.subtitle { font-size:12px; }
.metric-card p { font-size:11px; }
.metric-card > strong { font-size:25px; }
.metric-card small { font-size:10px; }
.panel h2 { font-size:14px; }
.panel-heading p { font-size:11px; }
.activity-item strong, .orders-panel td, .customer span:last-child, .product-info strong { font-size:11px; }
.activity-item p, .orders-panel th, .product-info > span, .stock-value span { font-size:10px; }
.orders-panel td { padding-block: 14px; }

@media (max-width: 700px) {
  body { font-size:13px; }
  .sidebar { width: min(286px, 88vw); }
  .page-content { padding-inline: 16px; }
  .welcome-row h1 { font-size:23px; }
  .metric-card > strong { font-size:20px; }
}