:root{--navy:#0e203d;--navy2:#172e51;--gold:#dfac4a;--ink:#1c304b;--sub:#72829a;--line:#e7edf4;--bg:#f4f7fb;--card:#fff;--primary:#1267cc;--pale:#ecf4ff}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}body{margin:0;background:var(--bg);font-size:14px}a{color:#1267cc;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#e7efff;display:flex;flex-direction:column;padding:25px 16px;z-index:40}.logo{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:1.3px;margin:0 10px 31px}.logo-mark{background:var(--gold);color:var(--navy);padding:10px 6px;font-size:17px;border-radius:12px;letter-spacing:0}.logo small{display:block;font-size:8px;letter-spacing:1.5px;font-weight:500;margin-top:2px;color:#98aac8}.scope{background:var(--navy2);padding:17px;border-radius:10px;margin-bottom:24px;display:flex;flex-direction:column;gap:5px}.scope small,.sidebar-bottom small{color:#8ca1c1;font-size:10px;letter-spacing:1.3px}.scope strong{font-size:15px}.scope span,.sidebar-bottom span{color:#a9bad1;font-size:12px}.sidebar nav{display:flex;flex-direction:column;gap:5px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:14px;color:#bfcde3;font-weight:600;padding:13px 16px;border-radius:9px}.sidebar nav a.active,.sidebar nav a:hover{color:white;background:#25426b;text-decoration:none}.nav-dot{height:8px;width:8px;border-radius:2px;border:1px solid currentColor;transform:rotate(45deg)}.sidebar-bottom{border-top:1px solid #2e4567;padding:19px 10px 0;display:flex;flex-direction:column;gap:6px}.sidebar-bottom strong{font-size:15px}.side-logout{background:transparent;border:0;color:#f0b9ad;padding:11px 0;text-align:left}.main{margin-left:250px;min-width:0;width:calc(100% - 250px);display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 33px;background:#fff;border-bottom:1px solid var(--line)}.crumb{font-size:11px;color:var(--sub)}h1{margin:6px 0 0;font-size:24px;letter-spacing:-.6px}h2{font-size:17px;margin:0 0 15px;letter-spacing:-.2px}.identity{display:flex;align-items:center;gap:10px}.identity strong,.identity small{display:block}.identity small{font-size:11px;color:var(--sub);margin-top:4px}.avatar{height:38px;width:38px;border-radius:50%;background:#dbeafd;color:#125bbb;display:grid;place-items:center;font-weight:800}.content{padding:28px 32px;max-width:1750px;width:100%;flex:1}.content>.panel,.content>.two-columns,.content>.stat-grid,.content>.earning-strip{margin-bottom:20px}.page-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.muted{color:var(--sub);line-height:1.55}.page-actions p{margin:0}.buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:0 3px 12px rgba(18,46,89,.025)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-heading h2{margin:0}.panel-heading small,.panel-heading a{color:var(--sub);font-size:12px}.narrow{max-width:840px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:flex;flex-direction:column;gap:20px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.metric{position:relative;padding:24px 22px;background:white;border:1px solid var(--line);border-radius:13px;min-height:113px}.metric>span{display:block;color:var(--sub);font-weight:500;margin-bottom:14px}.metric strong{font-size:30px;letter-spacing:-1.2px}.metric-dot{position:absolute;right:21px;top:25px;height:11px;width:11px;border-radius:50%;background:#cbd5e1}.metric-dot.blue{background:#3987e3}.metric-dot.purple{background:#8c78de}.metric-dot.green{background:#2fb27e}.metric-dot.red{background:#e56b65}.metric-dot.amber{background:#e6b14d}.earning-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px;border-radius:13px;background:var(--navy);color:white}.earning-strip>div{flex:1}.earning-strip small{display:block;color:#bbcbe3;margin-bottom:8px}.earning-strip h2{font-size:25px;color:#fff;margin:0}.earning-strip strong{font-size:22px}.bar-chart{height:215px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid var(--line);padding:15px 3px 5px;overflow:auto}.bar-set{height:100%;min-width:17px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.bar{width:100%;max-width:33px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#5598f2,#0d59b1)}.bar-set small{color:var(--sub);font-size:10px}.status-lines{display:flex;flex-direction:column;gap:15px}.status-lines>div{display:grid;grid-template-columns:112px 1fr 34px;align-items:center;gap:12px;font-size:12px}.line-track{height:8px;background:#edf2f7;border-radius:8px;overflow:hidden}.line-track>div{height:100%;border-radius:8px;background:#3a83d6}.status-lines strong{text-align:right}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px;text-align:left}th{color:#8b97a8;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:13px 12px}td{padding:14px 12px;border-bottom:1px solid #f0f3f8;vertical-align:middle}td small{display:block;font-size:11px;color:#90a0b5;margin-top:4px}tbody tr:hover{background:#fbfcff}.pill{display:inline-block;font-size:11px;font-weight:700;padding:6px 10px;border-radius:99px;white-space:nowrap}.pill.good{background:#e7f8ee;color:#208554}.pill.bad{background:#ffebeb;color:#bc4646}.pill.info{background:#e9f2ff;color:#2873c7}.pill.warn{background:#fff2db;color:#ac791c}.pill.neutral{background:#edf1f6;color:#61728b}.primary,.secondary,.tiny{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 15px;border:1px solid transparent;font-weight:700;white-space:nowrap;text-decoration:none}.primary{background:#1465c1;color:white}.primary:hover{background:#0d4e99;text-decoration:none}.secondary{background:white;border-color:#dce5f0;color:#375479}.secondary:hover{background:#f4f7fb;text-decoration:none}.tiny{font-size:11px;padding:6px 9px;border-color:#cdd7e4;background:#fff;color:#294769}.full{width:100%}.full-span{grid-column:1/-1}form label{display:flex;flex-direction:column;gap:7px;color:#49607c;font-weight:650;font-size:12px;margin-bottom:13px}input,select,textarea{width:100%;background:#fff;border:1px solid #d8e0eb;border-radius:8px;padding:10px 12px;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#4a8cdf;box-shadow:0 0 0 3px #e9f3ff}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px 18px}.form-grid label{min-width:0}.form-grid .field-info{align-self:center;padding:12px;background:#f4f8ff;border-radius:8px;margin-bottom:12px}.required{color:#b23e3e}.panel>form>button{margin-top:4px}.filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter label{margin:0}.filter input,.filter select{width:auto;min-width:150px}.filter-panel{margin-bottom:16px!important;padding:16px 22px}.filter-panel button{align-self:end}.pager{display:flex;gap:9px;align-items:center;justify-content:flex-end;margin-top:16px;color:var(--sub)}.empty{padding:24px;color:var(--sub);text-align:center;width:100%}.details{display:grid;grid-template-columns:140px 1fr;gap:12px 18px}.details dt{font-weight:600;color:#8293a9}.details dd{margin:0;overflow-wrap:anywhere}.info-strip{background:#f2f7fe;color:#375879;padding:12px;border-radius:8px;margin-top:15px}.timeline{list-style:none;border-left:2px solid #dbe8f8;padding-left:20px;margin-left:7px}.timeline li{position:relative;padding-bottom:20px}.timeline li:before{content:"";position:absolute;left:-26px;top:3px;width:10px;height:10px;border-radius:50%;background:#3e8ddd;border:2px solid white}.timeline small{display:block;color:var(--sub);margin:7px 0}.timeline p{margin:0}.company-cards{display:grid;gap:12px}.company-item{border:1px solid var(--line);border-radius:10px}.company-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;cursor:pointer;list-style:none}.company-item summary b{font-size:15px}.company-item summary small{display:block;margin-top:7px;color:var(--sub)}.company-item summary>div:last-child{display:flex;align-items:center;gap:12px}.company-form{border-top:1px solid var(--line);padding:20px}.role-info p{padding:12px 0;margin:0;border-bottom:1px solid var(--line);line-height:1.5}.alert{padding:13px 16px;border-radius:9px;margin-bottom:20px;border:1px solid transparent}.alert.error{background:#fff1f1;border-color:#f5cece;color:#aa3030}.alert.success{background:#ecf9f1;border-color:#c6ead6;color:#256a45}footer{padding:23px 32px;color:#93a0b0;font-size:11px;border-top:1px solid var(--line)}.login-page,.setup{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0e203d,#174984);padding:25px}.login-card,.setup-card{width:min(100%,420px);background:white;border-radius:18px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.login-card h1{font-size:27px;margin:32px 0 7px}.brand-big{font-size:22px;font-weight:850;color:#0e203d}.brand-big span{color:#c99b38}.login-card form{margin:26px 0 20px}.login-card form button{margin-top:10px}.setup-card{width:min(100%,850px);margin:30px 0}.setup-card h1{font-size:25px}.checks{display:grid;grid-template-columns:1fr 1fr}.checks p{margin:7px 0}.checks strong{color:#119565}.setup-card form{margin-top:20px}.mobile-menu{display:none;background:white;color:#25446c;border:1px solid var(--line);border-radius:7px;padding:7px 10px}body.nav-open .sidebar{display:flex}@media(max-width:1090px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.content{padding:24px}}@media(max-width:760px){.sidebar{display:none;width:min(82vw,290px)}.main{margin:0;width:100%}.topbar{padding:16px 18px}.mobile-menu{display:block}.identity>div{display:none}.content{padding:18px 14px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:16px;min-height:105px}.metric strong{font-size:26px}.earning-strip{flex-wrap:wrap;padding:18px;gap:18px}.earning-strip>div{flex-basis:40%}.page-actions{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.panel{padding:17px}.details{grid-template-columns:102px 1fr;gap:13px}.company-item summary{flex-direction:column;align-items:flex-start}.company-item summary>div:last-child{flex-wrap:wrap}.checks{grid-template-columns:1fr}.filter{width:100%}.filter input,.filter select{min-width:0;width:100%}.filter label{flex:1 1 135px}.topbar h1{font-size:21px}}@media(max-width:390px){.stat-grid{grid-template-columns:1fr 1fr}.metric{padding:12px}.metric strong{font-size:23px}}
.report-heading{font-size:13px;font-weight:700;margin:18px 0 6px}.report-notice{margin:9px 0 20px;color:#72829a;font-size:12px;line-height:1.6}

/* Atasha V4 additions: responsive report charts & important self-collection orders */
.chart-list{display:flex;flex-direction:column;gap:13px;margin:18px 0}.chart-entry{min-width:0}.chart-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:6px;color:#314965}.chart-rail{height:10px;border-radius:12px;background:#e9eef6;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,#2456a3,#4d91d2);border-radius:12px}.self-collection{background:#fff3c3!important;border-left:5px solid #e3a41b}.self-collection:hover{background:#fff0ae!important}.self-pill{background:#ffdf83;color:#714200;font-weight:800;border:1px solid #dfa32b}.payout-inline{display:flex;flex-wrap:wrap;gap:5px;align-items:flex-end;min-width:320px}.payout-inline label{flex:1;min-width:105px;font-size:12px}.payout-inline input{min-width:90px}.payout-inline button{align-self:flex-end}.chart-entry .chart-meta span{overflow-wrap:anywhere}.field-info{background:#eff5fc;border-radius:8px;padding:15px;color:#25466d}.filter-panel{margin:14px 0 20px}.panel h3{margin:16px 0 10px}.panel small{display:block;margin-top:5px}.report-notice{line-height:1.5}

/* Login based on requested clean, centered reference: no fictional trust metrics or fake captcha. */
.login-page{background:#f6f7fa;min-height:100vh;padding:28px 16px}.login-card{width:min(100%,570px);border:1px solid #e0e5ea;background:#fdfdfd;border-radius:16px;box-shadow:0 12px 40px rgba(18,40,65,.07);padding:40px}.login-card .brand-big{font-size:15px;font-weight:800;letter-spacing:.12em;color:#173b53}.login-card h1{text-align:center;font-size:34px;color:#112d42;margin:25px 0 7px}.login-card>.muted{text-align:center;color:#0784c3;font-size:17px}.login-card form{margin:36px 0 26px}.login-card form label{display:block;font-size:14px;color:#5b6778;margin:18px 0}.login-card form input{width:100%;border:1px solid #d4dce5;border-radius:6px;background:#fff;padding:16px;margin-top:8px;min-height:53px}.login-card form button{background:#103850;font-size:15px;font-weight:800;min-height:54px;border-radius:9px;margin-top:22px}.login-card>small{display:block;text-align:center}@media(max-width:600px){.login-card{padding:27px 22px}.login-card h1{font-size:29px}}

.product-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:13px;background:#f6f9fc;border:1px solid #e7edf4;border-radius:9px;margin:10px 0}.product-row label:first-child{flex:2;min-width:180px}.product-row label:nth-child(2){flex:1;min-width:100px}.product-row .tiny{align-self:end;min-height:39px}


/* V5: Customer Details form – scoped; existing dashboard styles stay intact. */
.order-entry-card{width:min(100%,880px);margin:0 auto;padding:34px 38px 36px;border:1px solid #e0e5ed;border-radius:16px;box-shadow:0 7px 24px rgba(21,41,67,.035);background:#fff}
.order-entry-card h2{font-size:27px;letter-spacing:.2px;color:#103a50;font-weight:800;margin:0 0 27px}
.order-entry-card form{margin:0}
.order-entry-card .customer-form-fields{display:flex;flex-direction:column;gap:20px}
.order-entry-card .customer-form-field{min-width:0}
.order-entry-card .customer-form-field>label,
.order-entry-card .staff-sales-select>label{display:block;color:#172c43;font-size:14px;line-height:1.4;font-weight:750;margin:0 0 8px}
.order-entry-card .customer-form-field input:not([type=checkbox]),
.order-entry-card .customer-form-field textarea,
.order-entry-card .staff-sales-select select{display:block;width:100%;min-width:0;min-height:49px;padding:12px 15px;font-size:15px;background:#fff;border:1px solid #d2dbe5;border-radius:6px;color:#203852;font-weight:400}
.order-entry-card .customer-form-field textarea{min-height:100px;resize:vertical;line-height:1.5}
.order-entry-card .customer-form-field input::placeholder,
.order-entry-card .customer-form-field textarea::placeholder{color:#9eacbe}
.order-entry-card .required{color:#e04345}
.order-entry-card .optional{color:#1689dc;font-weight:750}
.order-entry-card .customer-form-hint{display:block;color:#7d899b;font-size:12px;font-weight:400;line-height:1.5;margin-top:7px}
.order-entry-card .staff-sales-select{border-radius:8px;background:#eff5fb;padding:14px 16px;margin-bottom:23px}
.order-entry-card .customer-order-options{display:flex;align-items:end;gap:32px;flex-wrap:nowrap;margin-top:2px}
.order-entry-card .quantity-control{flex:0 1 205px;min-width:94px}
.order-entry-card .quantity-control input[type=number]{height:45px}
.order-entry-card .self-collection-control{display:inline-flex;flex:1;align-items:center;gap:10px;margin:0 0 13px;color:#172c43;font-size:14px;font-weight:750;cursor:pointer;white-space:nowrap}
.order-entry-card .self-collection-control input[type=checkbox]{flex:0 0 19px;width:19px;height:19px;margin:0;accent-color:#1378e9;border-radius:4px;cursor:pointer}
.order-entry-card .order-place-button{display:flex;width:100%;min-height:54px;margin:0;border:0;border-radius:7px;background:#087ff1;color:#fff;font-size:17px;font-weight:800;letter-spacing:.1px}
.order-entry-card .order-place-button:hover{background:#0569cb}
@media(max-width:760px){.order-entry-card{padding:22px 18px 24px}.order-entry-card h2{font-size:23px;margin-bottom:23px}.order-entry-card .customer-form-fields{gap:18px}.order-entry-card .customer-order-options{gap:14px}.order-entry-card .quantity-control{flex:0 1 115px}.order-entry-card .self-collection-control{font-size:13px;gap:6px;margin-bottom:14px;white-space:normal}}

/* ------------------------------------------------------------
   ATASHA V6 DASHBOARD REDESIGN — dashboard only.
   Does not change order entry forms, reports or permissions.
   Local font stack; no third-party font or image requests.
   ------------------------------------------------------------ */
.has-dashboard{
  --dash-dark:#0b2347;--dash-ink:#10294b;--dash-muted:#647692;
  --dash-red:#ec3f44;--dash-orange:#fa7328;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--dash-ink);background:#f5f7fb;font-size:14px;
}
.has-dashboard .main{background:radial-gradient(circle at 74% 0%,#fff2ed 0,transparent 390px),#f5f7fb}
.has-dashboard .topbar{min-height:78px;padding:15px 28px;box-shadow:0 1px 6px rgba(17,38,78,.045);gap:15px;z-index:3}
.has-dashboard .dashboard-top-brand{display:flex;align-items:center;gap:12px;min-width:0}
.has-dashboard .dashboard-brand-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;background:linear-gradient(135deg,#ffb146,#f45e42);color:#122949;border-radius:12px;font-size:19px;font-weight:900}
.has-dashboard .dashboard-brand-name{font-size:24px;font-weight:850;letter-spacing:-.7px;color:#0a2346;line-height:1.05}
.has-dashboard .dashboard-brand-name small{display:block;margin-top:5px;font-size:8px;letter-spacing:1.9px;font-weight:800;color:#647492}
.has-dashboard .avatar{color:#ab283b;background:#ffe5e6;width:41px;height:41px}
.has-dashboard .identity strong{font-size:13px}
.has-dashboard .content{padding:24px 28px 34px;max-width:1540px;margin:0 auto}
.dashboard-view{max-width:1280px;margin:0 auto}
.dashboard-view *{min-width:0}
.dashboard-view a:focus-visible,.dashboard-view button:focus-visible,.has-dashboard .mobile-menu:focus-visible{outline:3px solid #fb7535;outline-offset:3px}
.dashboard-view .dash-welcome{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:128px;gap:15px;padding:23px 29px;border-radius:20px;background:linear-gradient(100deg,#fff2ec 0%,#ffe5da 62%,#fff3ec 100%);overflow:hidden;margin-bottom:24px}
.dashboard-view .dash-welcome-copy{position:relative;z-index:1}
.dashboard-view .dash-welcome-copy>span{font-size:15px;display:block;color:#3a4053}
.dashboard-view .dash-welcome h2{font-size:28px;letter-spacing:-1px;color:#0b274d;margin:5px 0 6px;line-height:1.2}
.dashboard-view .dash-welcome h2 span{font-size:23px;letter-spacing:0}
.dashboard-view .dash-welcome p{margin:0;font-size:13px;color:#758098}
.dashboard-view .dash-welcome-art{display:flex;align-items:center;gap:16px;position:relative;white-space:nowrap}
.dashboard-view .dash-parcel{font-size:63px;filter:drop-shadow(0 6px 7px rgba(199,96,55,.15));transform:rotate(-7deg)}
.dashboard-view .dash-message{border-radius:17px;background:#ffcfca;padding:14px 17px;color:#8f3138;font-size:13px;font-weight:800;line-height:1.35;transform:rotate(-7deg)}
.dashboard-view .dash-spark{position:absolute;top:-10px;right:-13px;color:#f5682d;font-size:19px}
.dashboard-view .dash-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 15px}
.dashboard-view .dash-title-row h2{font-size:28px;line-height:1.15;letter-spacing:-1px;font-weight:850;color:#081f43;margin:0 0 5px}
.dashboard-view .dash-title-row p{color:#6c7e98;font-size:13px;line-height:1.45;margin:0}
.dashboard-view .dash-add-order{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:46px;background:linear-gradient(115deg,#fa6143,#e81945);color:white;border-radius:13px;padding:10px 21px;box-shadow:0 9px 16px rgba(238,47,64,.14);font-size:14px;font-weight:800;white-space:nowrap;flex-shrink:0}
.dashboard-view .dash-add-order:hover{text-decoration:none;filter:brightness(.97)}
.dashboard-view .dash-add-order span{font-size:25px;font-weight:400;line-height:.7}
.dashboard-view .dash-filter-wrap{margin-bottom:19px}
.dashboard-view .dash-filter-wrap .filter-panel{padding:0!important;margin:0!important;background:transparent;border:none;box-shadow:none;border-radius:0;display:flex;gap:11px;align-items:end;flex-wrap:wrap}
.dashboard-view .dash-filter-wrap .filter label{font-size:12px;font-weight:700;color:#536b8a;flex:1 1 150px;min-width:125px;line-height:1.3;margin:0}
.dashboard-view .dash-filter-wrap input,.dashboard-view .dash-filter-wrap select{min-width:0;width:100%;height:47px;padding:8px 11px;margin-top:6px;border-radius:11px;border-color:#e0e7f1;font-size:13px;box-shadow:0 4px 9px rgba(29,54,92,.03);background:#fff;color:#213858}
.dashboard-view .dash-filter-wrap button{min-height:47px;padding:10px 18px;border-radius:11px;border:0;background:#0b2449;color:#fff;flex:0 0 auto;font-size:13px;font-weight:800}
.dashboard-view .dash-filter-wrap button:hover{background:#173a71}
.dashboard-view .dash-profit{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(114deg,#0b4d85 0%,#08284f 52%,#212145 80%,#54233b 100%);color:white;border-radius:19px;padding:22px 27px 25px;box-shadow:0 13px 34px rgba(8,45,86,.12);margin-bottom:18px;min-height:214px}
.dashboard-view .dash-profit-top{display:flex;align-items:center;gap:12px;position:relative;z-index:2;max-width:100%}
.dashboard-view .dash-profit-icon{display:grid;place-items:center;background:rgba(255,255,255,.1);border-radius:50%;color:#ffba53;width:53px;height:53px;flex:0 0 53px}
.dashboard-view .dash-profit-overline{font-size:12px;font-weight:850;letter-spacing:.8px;line-height:1.3;display:block;color:#fff}
.dashboard-view .dash-profit-top p{font-size:11px;font-weight:550;letter-spacing:.5px;color:#c5d8ea;margin:6px 0 0}
.dashboard-view .dash-profit-period{display:inline-flex;gap:6px;align-items:center;justify-content:center;margin-left:auto;background:#ffffff25;border:1px solid #ffffff18;color:#ecf4ff;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:650;white-space:nowrap}
.dashboard-view .dash-profit-amount{position:relative;z-index:2;display:block;font-size:clamp(29px,3.1vw,43px);line-height:1.2;font-weight:850;letter-spacing:-1.2px;margin:9px 0 17px 64px;color:#fff}
.dashboard-view .dash-profit-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px;padding-top:13px;border-top:1px solid #ffffff28;position:relative;z-index:2}
.dashboard-view .dash-profit-bottom>div{display:flex;align-items:center;gap:11px}
.dashboard-view .dash-profit-bottom>div+div{border-left:1px solid #ffffff30;padding-left:16px}
.dashboard-view .dash-profit-mini-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#ffffff1b;color:#fff}
.dashboard-view .dash-profit-bottom small,.dashboard-view .dash-profit-bottom strong{display:block}
.dashboard-view .dash-profit-bottom small{font-size:12px;color:#cadaef;line-height:1.35}
.dashboard-view .dash-profit-bottom strong{font-size:24px;color:white;font-weight:800;line-height:1.2;margin-top:5px}
.dashboard-view .dash-profit-art{position:absolute;inset:auto 18px 2px auto;z-index:0;opacity:.60;color:#ff645f;font-size:85px;line-height:1;pointer-events:none;transform:translateY(-8px)}
.dashboard-view .dash-profit-bars{position:absolute;right:4px;bottom:0;display:flex;align-items:end;gap:8px;z-index:-1;height:105px}
.dashboard-view .dash-profit-bars i{display:block;width:22px;background:linear-gradient(0deg,#f64c5740,#fa647a);border-radius:5px 5px 0 0;height:30%}
.dashboard-view .dash-profit-bars i:nth-child(2){height:49%}.dashboard-view .dash-profit-bars i:nth-child(3){height:70%}.dashboard-view .dash-profit-bars i:nth-child(4){height:92%}
.dashboard-view .dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:19px}
.dashboard-view .dash-stat{display:flex;align-items:flex-start;gap:13px;position:relative;min-height:124px;padding:19px;background:#fff;border:1px solid #ecf0f6;box-shadow:0 7px 20px rgba(27,48,81,.04);border-radius:16px;color:#122d51;transition:transform .15s ease,box-shadow .15s ease}
.dashboard-view .dash-stat:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 22px rgba(27,48,81,.09)}
.dashboard-view .dash-stat-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#ffede8;color:#ed4c39}
.dashboard-view .dash-stat-details{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding-right:15px}
.dashboard-view .dash-stat-title{font-size:13px;color:#354d6d;font-weight:750;line-height:1.4;min-height:20px}
.dashboard-view .dash-stat-details strong{display:block;margin-top:3px;font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:850;color:#092146}
.dashboard-view .dash-stat-details small{margin-top:6px;font-size:11px;line-height:1.3;color:#71829c}
.dashboard-view .dash-stat-arrow{position:absolute;bottom:17px;right:13px;display:grid;place-items:center;width:24px;height:24px;background:#ffefea;border-radius:50%;color:#ee5a34;font-weight:600;font-size:24px;line-height:1}
.dashboard-view .dash-stat-delivered .dash-stat-icon{background:#e0f7eb;color:#12945e}
.dashboard-view .dash-stat-delivered .dash-stat-arrow{background:#e6f8ee;color:#178f64}
.dashboard-view .dash-stat-returned .dash-stat-icon{background:#ffe8eb;color:#d72c44}
.dashboard-view .dash-stat-returned .dash-stat-arrow{background:#ffe8ed;color:#d72c44}
.dashboard-view .dash-stat-collection .dash-stat-icon{background:#ffedda;color:#f47b17}
.dashboard-view .dash-stat-waiting .dash-stat-icon{background:#e6f1ff;color:#1765cc}
.dashboard-view .dash-stat-waiting .dash-stat-arrow{background:#e9f4ff;color:#1b71d4}
.dashboard-view .dash-stat-success .dash-stat-icon{background:#f3e4ff;color:#8f42cf}
.dashboard-view .dash-stat-success .dash-stat-arrow{background:#f5eaff;color:#8f42cf}
.dashboard-view .dash-panels{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}
.dashboard-view .dash-panel{background:#fff;border:1px solid #edf0f7;border-radius:18px;padding:22px;box-shadow:0 7px 22px rgba(29,51,88,.035);min-height:260px}
.dashboard-view .dash-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.dashboard-view .dash-panel-head>div{flex:1;min-width:0}
.dashboard-view .dash-panel-head h3{font-size:16px;line-height:1.35;letter-spacing:-.3px;margin:0 0 3px;color:#0a254a;font-weight:850}
.dashboard-view .dash-panel-head p{font-size:11px;line-height:1.45;margin:0;color:#71839f}
.dashboard-view .dash-panel-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center}
.dashboard-view .dash-panel-icon-red{color:#ee4740;background:#fff0ed}
.dashboard-view .dash-panel-icon-orange{color:#ee692a;background:#fff1e8}
.dashboard-view .dash-period-chip{display:inline-flex;gap:6px;align-items:center;background:#fff;padding:8px 10px;border:1px solid #e6ebf2;border-radius:10px;white-space:nowrap;color:#3a5174;font-size:10px}
.dashboard-view .dash-day-scroll{overflow-x:auto;padding:6px 0 1px;scrollbar-width:thin}
.dashboard-view .dash-day-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:10px;min-height:162px;padding:12px 7px 0;border-bottom:1px solid #e6edf6;background:repeating-linear-gradient(to top,#e7ecf3 0,#e7ecf3 1px,transparent 1px,transparent 45px)}
.dashboard-view .dash-day-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:40px;gap:6px;flex:1;text-align:center}
.dashboard-view .dash-day-column strong{font-size:11px;color:#223d63;white-space:nowrap}
.dashboard-view .dash-day-column>span{display:block;width:100%;max-width:29px;background:linear-gradient(0deg,#fa5d2e,#ef3744);border-radius:7px 7px 0 0;flex-shrink:0}
.dashboard-view .dash-day-column small{font-size:10px;white-space:nowrap;color:#657c9b;margin-bottom:-17px}
.dashboard-view .dash-day-scroll{padding-bottom:18px}
.dashboard-view .dash-empty{font-size:13px;color:#70819c;margin:45px 0;text-align:center}
.dashboard-view .dash-team-bars{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}
.dashboard-view .dash-team-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#1e3557;margin-bottom:7px}
.dashboard-view .dash-team-label strong{font-size:13px}
.dashboard-view .dash-team-rail{background:#edf1f8;height:10px;border-radius:12px;overflow:hidden}
.dashboard-view .dash-team-rail>span{display:block;height:100%;border-radius:12px;background:linear-gradient(90deg,#fc4c38,#ff792a)}
.dashboard-view .dash-team-table-scroll{overflow-x:auto}
.dashboard-view .dash-team-table{min-width:310px;width:100%;border-collapse:collapse}
.dashboard-view .dash-team-table thead{background:#f3f6fb}
.dashboard-view .dash-team-table th{color:#5c6f8e;font-size:10px;letter-spacing:.5px;font-weight:800;padding:12px 11px;text-transform:uppercase;border-bottom:0}
.dashboard-view .dash-team-table th:first-child{border-radius:8px 0 0 8px}
.dashboard-view .dash-team-table th:last-child{border-radius:0 8px 8px 0}
.dashboard-view .dash-team-table td{font-size:13px;font-weight:550;color:#253e60;padding:13px 11px;border-color:#e9eef5}
@media(max-width:1150px){.dashboard-view .dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-view .dash-panels{grid-template-columns:1fr}}
@media(max-width:760px){
 .has-dashboard .topbar{padding:10px 13px;min-height:66px;gap:9px}
 .has-dashboard .mobile-menu{font-size:17px;padding:6px 9px;border:0;background:#f2f5fb;border-radius:10px}
 .has-dashboard .dashboard-top-brand{gap:7px}
 .has-dashboard .dashboard-brand-symbol{width:30px;height:30px;flex-basis:30px;font-size:13px;border-radius:9px}
 .has-dashboard .dashboard-brand-name{font-size:20px}
 .has-dashboard .dashboard-brand-name small{font-size:6px;letter-spacing:1.1px;margin-top:3px}
 .has-dashboard .identity{gap:7px;margin-left:auto}
 .has-dashboard .identity>div{display:block}
 .has-dashboard .identity strong{font-size:11px;max-width:75px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .has-dashboard .identity small{font-size:9px;max-width:72px;overflow:hidden;text-overflow:ellipsis}
 .has-dashboard .avatar{height:32px;width:32px;flex:0 0 32px;font-size:13px}
 .has-dashboard .content{padding:14px 12px 23px}
 .dashboard-view .dash-welcome{padding:17px 17px;min-height:105px;border-radius:16px;margin-bottom:19px}
 .dashboard-view .dash-welcome h2{font-size:22px}
 .dashboard-view .dash-welcome-copy>span{font-size:13px}
 .dashboard-view .dash-welcome-copy p{font-size:11px}
 .dashboard-view .dash-welcome-art{gap:3px}
 .dashboard-view .dash-parcel{font-size:35px}
 .dashboard-view .dash-message{font-size:9px;padding:9px 10px;border-radius:10px}
 .dashboard-view .dash-title-row{gap:9px}
 .dashboard-view .dash-title-row h2{font-size:25px}
 .dashboard-view .dash-title-row p{font-size:11px}
 .dashboard-view .dash-add-order{font-size:12px;min-height:42px;border-radius:10px;padding:9px 13px;gap:6px}
 .dashboard-view .dash-add-order span{font-size:21px}
 .dashboard-view .dash-filter-wrap .filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .dashboard-view .dash-filter-wrap .filter label{min-width:0;max-width:none;font-size:11px}
 .dashboard-view .dash-filter-wrap input,.dashboard-view .dash-filter-wrap select{margin-top:4px;height:44px;font-size:12px;padding:8px 7px}
 .dashboard-view .dash-filter-wrap button{height:44px;font-size:12px;grid-column:1/-1}
 .dashboard-view .dash-profit{padding:18px 17px 20px;min-height:195px;border-radius:15px}
 .dashboard-view .dash-profit-icon{height:38px;width:38px;flex-basis:38px}
 .dashboard-view .dash-profit-top{gap:8px}
 .dashboard-view .dash-profit-overline{font-size:10px}
 .dashboard-view .dash-profit-top p{font-size:9px;margin-top:4px;letter-spacing:0}
 .dashboard-view .dash-profit-period{font-size:10px;padding:7px 8px}
 .dashboard-view .dash-profit-amount{font-size:36px;margin:12px 0 16px 47px}
 .dashboard-view .dash-profit-bottom{gap:5px}
 .dashboard-view .dash-profit-bottom>div{gap:7px}
 .dashboard-view .dash-profit-bottom>div+div{padding-left:10px}
 .dashboard-view .dash-profit-mini-icon{width:27px;height:27px;flex-basis:27px}
 .dashboard-view .dash-profit-bottom small{font-size:10px}
 .dashboard-view .dash-profit-bottom strong{font-size:19px}
 .dashboard-view .dash-profit-art{right:7px;font-size:59px;opacity:.33}
 .dashboard-view .dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .dashboard-view .dash-stat{min-height:138px;padding:13px 11px;gap:8px;border-radius:13px;flex-direction:column}
 .dashboard-view .dash-stat-icon{width:35px;height:35px;flex-basis:35px;border-radius:10px}
 .dashboard-view .dash-stat-icon svg{width:20px;height:20px}
 .dashboard-view .dash-stat-details{padding-right:0}
 .dashboard-view .dash-stat-title{font-size:12px}
 .dashboard-view .dash-stat-details strong{font-size:27px}
 .dashboard-view .dash-stat-details small{font-size:10px;padding-right:17px}
 .dashboard-view .dash-stat-arrow{bottom:13px;right:10px;width:20px;height:20px;font-size:21px}
 .dashboard-view .dash-panel{padding:16px 13px;border-radius:16px;min-height:0}
 .dashboard-view .dash-panel-head{gap:9px;flex-wrap:wrap}
 .dashboard-view .dash-panel-head h3{font-size:15px}
 .dashboard-view .dash-panel-head p{font-size:11px}
 .dashboard-view .dash-panel-icon{height:35px;width:35px;flex-basis:35px}
 .dashboard-view .dash-period-chip{font-size:9px;padding:6px 8px}
 .dashboard-view .dash-team-table th{font-size:9px;padding:11px 7px}
 .dashboard-view .dash-team-table td{font-size:12px;padding:13px 7px}
}
@media(max-width:370px){
 .has-dashboard .dashboard-brand-symbol{display:none}
 .has-dashboard .dashboard-brand-name{font-size:18px}
 .has-dashboard .identity strong{max-width:58px}
 .dashboard-view .dash-welcome-art .dash-message{display:none}
 .dashboard-view .dash-profit-period{font-size:9px}
 .dashboard-view .dash-profit-amount{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.dashboard-view .dash-stat{transition:none}}