:root{--primary-white:#ffffff;--off-white:#fafbfc;--soft-white:#f8f9fa;--subtle-gray:#f1f3f5;--light-gray:#e9ecef;--border-gray:#dee2e6;--medium-gray:#adb5bd;--text-gray:#495057;--dark-text:#212529;--darker-text:#0c0e10;--accent-blue:#0b76ff;--accent-blue-light:#3aa0ff;--accent-blue-dark:#0a5ecc;--accent-green:#00d26a;--accent-green-light:#00ff87;--accent-orange:#ff9500;--accent-red:#ff3b30;--accent-purple:#8b5cf6;--gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--gradient-green:linear-gradient(135deg, #00d26a 0%, #00ff87 100%);--gradient-orange:linear-gradient(135deg, #ff9500 0%, #ffaa33 100%);--gradient-subtle:linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);--gradient-card:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.08);--shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10);--shadow-xl:0 12px 32px rgba(0, 0, 0, 0.12);--shadow-2xl:0 24px 60px rgba(0, 0, 0, 0.15);--shadow-accent-blue:0 4px 12px rgba(11, 118, 255, 0.16);--shadow-accent-green:0 4px 12px rgba(0, 210, 106, 0.16);--shadow-glow-blue:0 0 30px rgba(11, 118, 255, 0.20);--shadow-glow-green:0 0 30px rgba(0, 210, 106, 0.20);--font-primary:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;--font-display:-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;--font-mono:'Menlo', 'Monaco', 'Courier New', monospace;--space-xs:4px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--space-3xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--timing-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1);--timing-bounce:0.6s cubic-bezier(0.34, 1.56, 0.64, 1);--header-height:68px;--sidebar-width:280px;--sidebar-collapsed:60px;--content-max-width:1440px;--dashboard-gap:12px;--card-padding:14px;--z-base:1;--z-card:10;--z-dropdown:100;--z-sticky:500;--z-modal:1000;--z-tooltip:2000}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--off-white);color:var(--dark-text);line-height:1.6;font-size:.9375rem;overflow-x:hidden;min-height:100vh}.dashboard-pro{margin-left:var(--sidebar-width);margin-top:calc(var(--header-height) + 3px);padding:var(--space-xl) var(--space-lg);min-height:calc(100vh - var(--header-height));background:var(--off-white);position:relative;transition:margin-left var(--timing-smooth);transform:translateZ(0);backface-visibility:hidden;max-width:calc(100vw - var(--sidebar-width));overflow-x:hidden}.main-nav.collapsed~.dashboard-pro{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}.dashboard-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);margin-bottom:var(--space-xl);background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--timing-normal)}.dashboard-top::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-blue)}.dashboard-top:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.welcome{flex:1}.welcome h1{font-size:1.25rem;font-weight:700;color:var(--darker-text);margin-bottom:var(--space-xs);letter-spacing:-.01em;line-height:1.3}.welcome h1 span{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.welcome p{font-size:.8125rem;color:var(--text-gray);font-weight:600;line-height:1.5}.wallet-panel{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--gradient-green);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent-green);transition:all var(--timing-smooth);position:relative;overflow:hidden}.wallet-panel::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.8s cubic-bezier(.4,0,.2,1)}.wallet-panel:hover::before{left:100%}.wallet-panel:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow-green),var(--shadow-accent-green)}.wallet-info{display:flex;flex-direction:column;gap:2px}.wallet-info .label{font-size:.6875rem;font-weight:700;color:rgb(255 255 255 / .9);text-transform:uppercase;letter-spacing:.06em}.wallet-info .amount{font-size:1.25rem;font-weight:800;color:#fff;font-family:var(--font-mono);letter-spacing:-.01em}.wallet-action{padding:var(--space-sm) var(--space-xl);background:rgb(255 255 255 / .25);border:2px solid rgb(255 255 255 / .4);border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:.8125rem;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--timing-normal);white-space:nowrap;min-height:36px}.wallet-action:hover{background:rgb(255 255 255 / .35);border-color:rgb(255 255 255 / .6);transform:scale(1.05)}.wallet-action:active{transform:scale(.98)}.metrics-section{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--dashboard-gap);margin-bottom:var(--space-xl)}.metric-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--card-padding);background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--timing-normal);position:relative;overflow:hidden;cursor:pointer;min-height:90px}.metric-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-blue);opacity:0;transition:opacity var(--timing-normal)}.metric-card:hover::before{opacity:1}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.metric-card.alert{border-left:3px solid var(--accent-red)}.metric-card.alert::before{background:var(--accent-red)}.metric-card.alert:hover{box-shadow:0 4px 12px rgb(255 59 48 / .16)}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:rgb(11 118 255 / .06);flex-shrink:0;transition:all var(--timing-smooth)}.metric-card:hover .metric-icon{transform:scale(1.1);background:rgb(11 118 255 / .12)}.metric-icon i{width:24px;height:24px;color:var(--accent-blue);stroke-width:2.2}.metric-card.alert .metric-icon{background:rgb(255 59 48 / .06)}.metric-card.alert .metric-icon i{color:var(--accent-red)}.metric-body{flex:1;display:flex;flex-direction:column;gap:2px}.metric-body h2{font-size:1.75rem;font-weight:800;color:var(--darker-text);line-height:1;letter-spacing:-.02em;font-family:var(--font-display)}.metric-body p{font-size:.6875rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.06em}.dashboard-grid{display:grid;grid-template-columns:3fr 1fr;gap:var(--dashboard-gap);margin-bottom:var(--space-xl);align-items:stretch}.dashboard-left{display:flex;flex-direction:column;gap:var(--dashboard-gap)}.dashboard-right{display:flex;flex-direction:column;gap:var(--dashboard-gap)}.dashboard-right-row{display:flex;flex-direction:column;gap:var(--dashboard-gap)}.card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--timing-normal);position:relative;display:flex;flex-direction:column}.card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--card-padding);border-bottom:1px solid var(--light-gray);background:var(--subtle-gray)}.card-header h3{font-size:.875rem;font-weight:800;color:var(--darker-text);display:flex;align-items:center;gap:var(--space-sm);letter-spacing:-.01em;text-transform:uppercase}.card-icon{width:18px;height:18px;color:var(--accent-blue);stroke-width:2.2}.view-link{font-size:.6875rem;font-weight:700;color:var(--accent-blue);text-decoration:none;transition:all var(--timing-fast);padding:4px var(--space-md);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.view-link:hover{background:rgb(11 118 255 / .08);color:var(--accent-blue-dark);transform:translateX(2px)}.table-wrap{flex:1;overflow-y:auto;overflow-x:hidden;max-height:430px;scroll-behavior:smooth}.modern-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem}.modern-table thead{background:var(--subtle-gray);position:sticky;top:0;z-index:var(--z-sticky)}.modern-table thead tr th{padding:var(--space-md) var(--space-sm);text-align:left;font-weight:800;font-size:.6875rem;color:var(--darker-text);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border-gray);white-space:nowrap;background:var(--subtle-gray)}.modern-table thead th:first-child{padding-left:var(--card-padding)}.modern-table thead th:last-child{padding-right:var(--card-padding)}.modern-table tbody tr{border-bottom:1px solid var(--light-gray);transition:all var(--timing-fast)}.modern-table tbody tr:hover{background:var(--soft-white);box-shadow:inset 0 0 0 1px var(--accent-blue-light)}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody tr td{padding:var(--space-md) var(--space-sm);color:var(--dark-text);font-size:.8125rem;font-weight:600;vertical-align:middle;line-height:1.4}.modern-table tbody td:first-child{padding-left:var(--card-padding)}.modern-table tbody td:last-child{padding-right:var(--card-padding)}.modern-table .td-orderid{font-family:var(--font-mono);font-weight:700;color:var(--accent-blue);font-size:.75rem}.modern-table .td-date{color:var(--text-gray);font-size:.75rem}.modern-table .td-courier{font-weight:600;color:var(--darker-text)}.modern-table .td-status{display:inline-flex;align-items:center;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:rgb(11 118 255 / .08);color:var(--accent-blue)}.modern-table .td-amount{font-family:var(--font-mono);font-weight:700;color:var(--darker-text);font-size:.8125rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--card-padding);will-change:transform;transform:translateZ(0)}.quick-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);text-decoration:none;color:var(--dark-text);font-weight:600;font-size:.75rem;text-align:center;transition:all var(--timing-normal);position:relative;overflow:hidden;cursor:pointer;min-height:80px}.quick-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(11 118 255 / .08),transparent);transition:left 0.6s cubic-bezier(.4,0,.2,1)}.quick-item:hover::before{left:100%}.quick-item:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--shadow-accent-blue);border-color:rgb(11 118 255 / .3);background:rgb(11 118 255 / .04)}.quick-item:active{transform:translateY(-1px) scale(1.01)}.quick-item i{width:28px;height:28px;color:var(--accent-blue);stroke-width:2.2;transition:all var(--timing-smooth)}.quick-item:hover i{transform:scale(1.2);color:var(--accent-blue-light)}.quick-item span{font-weight:700;color:var(--darker-text);text-transform:uppercase;letter-spacing:.03em}.analytics-map-section{margin-bottom:var(--space-xl)}.analytics-map-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dashboard-gap);will-change:transform;transform:translateZ(0)}.analytics-card{min-height:360px;display:flex;flex-direction:column}.chart-container{flex:1;padding:var(--card-padding);position:relative;min-height:280px}.chart-container canvas{max-height:280px!important}.map-card{min-height:360px;display:flex;flex-direction:column}.map-container{flex:1;padding:var(--card-padding);position:relative;min-height:280px}.india-map{width:100%;height:100%;min-height:280px;background:var(--off-white);border-radius:var(--radius-md)}.load-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--dashboard-gap);margin-bottom:var(--space-xl);align-items:stretch}.load-activity-grid .card{display:flex;flex-direction:column;height:100%}.load-performance{padding:var(--card-padding)}.speedometer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;min-height:250px;width:100%;position:relative}.dial-wrap{position:relative;width:220px;height:140px;margin-bottom:var(--space-lg)}.dial{width:100%;height:100%;filter:drop-shadow(0 3px 8px rgb(0 0 0 / .08))}.arc-bg{stroke:var(--light-gray);stroke-width:8;stroke-linecap:round}.arc-progress{stroke:var(--accent-green);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px rgb(0 210 106 / .3))}.needle-group{transition:transform 1.2s cubic-bezier(.22,1,.36,1);transform-origin:120px 120px}.needle{fill:var(--accent-red);filter:drop-shadow(0 2px 6px rgb(255 59 48 / .4))}.needle-hub{fill:var(--primary-white);stroke:var(--accent-red);stroke-width:2}.scale-left,.scale-right{fill:var(--medium-gray);font-size:11px;font-weight:600;font-family:var(--font-primary)}.weight-tooltip{position:absolute;padding:4px var(--space-md);background:rgb(12 14 16 / .95);color:var(--primary-white);font-size:.6875rem;font-weight:700;border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity var(--timing-fast);z-index:var(--z-tooltip);transform:translate(-50%,-120%);box-shadow:var(--shadow-md)}.weight-tooltip.visible{opacity:1}.readouts{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:200px}.readout-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--soft-white);border-radius:var(--radius-sm);border:1px solid var(--border-gray)}.readout-label{font-size:.625rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.06em}.readout-row span:last-child{font-size:.875rem;font-weight:800;color:var(--darker-text);font-family:var(--font-mono)}.activity-list{flex:1;padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-md);max-height:430px;overflow-y:auto;scroll-behavior:smooth}.activity-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);transition:all var(--timing-fast)}.activity-item:hover{background:rgb(11 118 255 / .04);border-color:rgb(11 118 255 / .2);transform:translateX(4px)}.activity-item .icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:rgb(11 118 255 / .06);flex-shrink:0}.activity-item .icon i{width:18px;height:18px;color:var(--accent-blue);stroke-width:2.2}.activity-item .details{flex:1;display:flex;flex-direction:column;gap:2px}.activity-item .details p{font-size:.8125rem;font-weight:600;color:var(--darker-text);line-height:1.4}.activity-item .details span{font-size:.6875rem;color:var(--text-gray);font-weight:600}.activity-item.empty{justify-content:center;text-align:center;color:var(--medium-gray);font-style:italic}.load-performance{display:flex;flex-direction:column;justify-content:center;align-items:center}.dial-wrap{display:flex;justify-content:center;align-items:center;width:100%;max-width:300px;height:auto;margin:0 auto}.dial{width:100%;height:auto}.readouts{margin-top:1rem;display:flex;justify-content:space-around;width:100%}.readout-row{display:flex;flex-direction:column;align-items:center}@media (max-width:768px){.dial-wrap{max-width:260px}}@media (max-width:480px){.dial-wrap{max-width:220px}}#mc-notif-root{position:fixed;top:9px;right:255px;z-index:9999;transition:opacity 0.3s ease,transform 0.4s cubic-bezier(.25,1,.5,1);transform:translateZ(0)}#mc-notif-btn{display:inline-grid;place-items:center;width:52.5px;height:52.5px;border-radius:var(--radius-lg);background:var(--primary-white);border:1px solid var(--border-gray);box-shadow:var(--shadow-sm);cursor:pointer;position:relative;overflow:hidden;transition:all 0.25s ease;backdrop-filter:blur(6px)}#mc-notif-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(11 118 255 / .1),transparent);transition:left 0.8s cubic-bezier(.25,1,.5,1)}#mc-notif-btn:hover::before{left:100%}#mc-notif-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-accent-blue);border-color:rgb(11 118 255 / .3)}#mc-notif-btn::after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:0 0 0 0 rgb(11 118 255 / .25);animation:notifPulse 3s cubic-bezier(.4,0,.2,1) infinite}@keyframes notifPulse{0%{box-shadow:0 0 0 0 rgb(11 118 255 / .25)}70%{box-shadow:0 0 0 12px #fff0}100%{box-shadow:0 0 0 0 #fff0}}#mc-notif-btn svg{width:20px;height:20px;stroke:var(--accent-blue);stroke-width:2.2;z-index:2}#mc-notif-badge{position:absolute;top:5px;right:5px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--gradient-blue);color:var(--primary-white);font-weight:800;font-size:.625rem;display:inline-grid;place-items:center;box-shadow:0 4px 12px rgb(11 118 255 / .35);animation:badgePulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#mc-notif-panel{position:absolute;top:56px;right:0;width:340px;max-width:calc(100vw - 24px);background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;transform:translateY(-8px) scale(.98);opacity:0;pointer-events:none;transition:all var(--timing-smooth)}#mc-notif-panel[aria-hidden="false"]{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.mc-notif-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--card-padding);border-bottom:1px solid var(--light-gray);background:var(--subtle-gray)}.mc-notif-header strong{font-size:.875rem;font-weight:800;color:var(--darker-text);text-transform:uppercase;letter-spacing:.04em}.mc-notif-actions{display:flex;align-items:center;gap:var(--space-sm)}.mc-link-btn{background:#fff0;border:none;color:var(--accent-blue);font-weight:700;font-size:.625rem;cursor:pointer;padding:4px var(--space-sm);border-radius:var(--radius-sm);transition:all var(--timing-fast);text-transform:uppercase;letter-spacing:.04em}.mc-link-btn:hover{background:rgb(11 118 255 / .08);color:var(--accent-blue-dark)}.mc-notif-list{max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-sm)}.mc-notif-item{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all var(--timing-fast);cursor:pointer}.mc-notif-item:hover{background:rgb(11 118 255 / .04)}.mc-notif-item.unread{background:rgb(11 118 255 / .06);border:1px solid rgb(11 118 255 / .08)}.mc-thumb{min-width:36px;min-height:36px;border-radius:var(--radius-md);display:inline-grid;place-items:center;background:rgb(11 118 255 / .08);color:var(--accent-blue);font-weight:700;font-size:.875rem}.mc-content{flex:1;display:flex;flex-direction:column;gap:2px}.mc-title{font-size:.8125rem;font-weight:700;color:var(--darker-text)}.mc-body{font-size:.75rem;color:var(--text-gray);line-height:1.4}.mc-meta{font-size:.625rem;color:var(--medium-gray);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.mc-notif-empty{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--medium-gray);font-size:.8125rem}#mc-notif-btn{box-shadow:0 0 10px rgb(255 215 0 / .4),0 0 20px rgb(255 223 0 / .25)}#mc-notif-btn:hover{box-shadow:0 0 12px rgb(255 215 0 / .6),0 0 25px rgb(255 223 0 / .4);border-color:rgb(255 215 0 / .6)}@keyframes yellowPulse{0%,100%{box-shadow:0 0 10px rgb(255 215 0 / .4),0 0 20px rgb(255 223 0 / .25)}50%{box-shadow:0 0 18px rgb(255 215 0 / .7),0 0 30px rgb(255 223 0 / .5)}}#mc-notif-btn{animation:yellowPulse 2s ease-in-out infinite}.table-wrap::-webkit-scrollbar,.activity-list::-webkit-scrollbar,.mc-notif-list::-webkit-scrollbar{width:6px;height:6px}.table-wrap::-webkit-scrollbar-track,.activity-list::-webkit-scrollbar-track,.mc-notif-list::-webkit-scrollbar-track{background:var(--subtle-gray);border-radius:var(--radius-full)}.table-wrap::-webkit-scrollbar-thumb,.activity-list::-webkit-scrollbar-thumb,.mc-notif-list::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:var(--radius-full);transition:background var(--timing-fast)}.table-wrap::-webkit-scrollbar-thumb:hover,.activity-list::-webkit-scrollbar-thumb:hover,.mc-notif-list::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media (max-width:1280px){.dashboard-grid{grid-template-columns:1fr}.analytics-map-row{grid-template-columns:1fr}.load-activity-grid{grid-template-columns:1fr}}@media (max-width:1024px){.dashboard-pro{padding:var(--space-lg);margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}.dashboard-top{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.wallet-panel{width:100%;justify-content:space-between}.metrics-section{grid-template-columns:repeat(2,1fr)}#mc-notif-root{right:var(--sidebar-collapsed)}.main-nav.collapsed~#mc-notif-root{right:70px}}@media (max-width:768px){.dashboard-pro{margin-left:0;max-width:100vw;padding:var(--space-md)}.dashboard-top{padding:var(--space-lg);margin-bottom:var(--space-md)}.welcome h1{font-size:1.125rem}.welcome p{font-size:.75rem}.wallet-panel{flex-direction:column;align-items:flex-start;padding:var(--space-lg)}.wallet-info .amount{font-size:1.125rem}.wallet-action{width:100%;text-align:center}.metrics-section{grid-template-columns:1fr;gap:var(--space-sm)}.metric-card{min-height:75px;padding:var(--space-md)}.metric-icon{width:40px;height:40px}.metric-icon i{width:20px;height:20px}.metric-body h2{font-size:1.5rem}.metric-body p{font-size:.625rem}.dashboard-grid{gap:var(--space-sm)}.dashboard-right-row{gap:var(--space-sm)}.quick-actions-grid{grid-template-columns:1fr}.analytics-map-row{gap:var(--space-sm)}.card{border-radius:var(--radius-md)}.card-header{padding:var(--space-md)}.card-header h3{font-size:.75rem}.modern-table{font-size:.75rem}.modern-table thead tr th{padding:var(--space-sm);font-size:.625rem}.modern-table tbody tr td{padding:var(--space-sm);font-size:.75rem}#mc-notif-root{right:var(--space-md)}#mc-notif-panel{width:calc(100vw - 32px);right:calc(-100% + 56px)}}@media (max-width:480px){.dashboard-pro{padding:var(--space-sm)}.dashboard-top{padding:var(--space-md)}.welcome h1{font-size:1rem}.wallet-info .amount{font-size:1rem}.metric-card{padding:var(--space-sm)}.metric-icon{width:36px;height:36px}.metric-icon i{width:18px;height:18px}.metric-body h2{font-size:1.25rem}.card-header h3{font-size:.6875rem}.dial-wrap{width:180px;height:110px}#mc-notif-btn{width:42px;height:42px}#mc-notif-btn svg{width:18px;height:18px}}.dashboard-pro,.metric-card,.card,.quick-item,.activity-item,.mc-notif-item{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.animate-in{animation:slideInUp 0.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.animate-in{animation:none;opacity:1;transform:none}#mc-notif-badge,#mc-notif-btn::after{animation:none}}.metric-card:focus-within,.quick-item:focus-visible,.activity-item:focus-within,.mc-notif-item:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background:rgb(11 118 255 / .15);color:var(--darker-text)}@media print{.dashboard-pro{margin-left:0;margin-top:0;padding:0}.dashboard-top,.card{box-shadow:none;border:1px solid var(--border-gray)}.wallet-panel,.quick-actions-grid,#mc-notif-root{display:none}.modern-table{page-break-inside:avoid}.metric-card{break-inside:avoid}}@media (prefers-contrast:high){.dashboard-top,.card,.metric-card,.quick-item{border:2px solid var(--darker-text)}.wallet-panel{border:2px solid var(--primary-white)}.modern-table thead tr th{border-bottom:3px solid var(--darker-text)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-small{font-size:.75rem}.text-base{font-size:.8125rem}.text-large{font-size:.9375rem}.d-none{display:none}.d-flex{display:flex}.d-grid{display:grid}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.status-badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-xs)}.status-active{background:var(--gradient-green);color:var(--primary-white)}.status-inactive{background:var(--subtle-gray);color:var(--text-gray)}.status-pending{background:var(--gradient-orange);color:var(--primary-white)}.status-delivered{background:var(--gradient-blue);color:var(--primary-white)}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp 0.3s ease-out}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s ease-in-out infinite}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl)}.loading-spinner{width:32px;height:32px;border:3px solid var(--light-gray);border-top:3px solid var(--accent-blue);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.8125rem;font-weight:700;color:var(--text-gray)}.loading-shimmer{background:linear-gradient(90deg,var(--subtle-gray) 0%,var(--light-gray) 50%,var(--subtle-gray) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md);height:20px;margin:var(--space-sm) 0}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-gray)}.empty-state h3{font-size:1rem;font-weight:700;color:var(--dark-text);margin:0 0 var(--space-sm) 0}.empty-state p{font-size:.8125rem;color:var(--text-gray)}.highlight-row{background:rgb(11 118 255 / .05)!important;box-shadow:inset 0 0 0 1px var(--accent-blue)!important}.highlight-success{background:rgb(0 210 106 / .05)!important;box-shadow:inset 0 0 0 1px var(--accent-green)!important}.highlight-warning{background:rgb(255 149 0 / .05)!important;box-shadow:inset 0 0 0 1px var(--accent-orange)!important}.text-gradient-blue{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.text-gradient-green{background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.card.analytics-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--timing-normal)}.card.analytics-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.card.analytics-card .card-header{background:var(--soft-white);border-bottom:1px solid var(--light-gray)}.card.analytics-card .chart-container{display:flex;justify-content:center;align-items:center;padding:var(--card-padding);min-height:300px}.card.analytics-card .chart-container canvas{width:100%!important;max-width:320px;aspect-ratio:1 / 1;height:auto!important;display:block}.card.analytics-card .chart-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:var(--space-md);border-top:1px solid var(--light-gray);background:var(--off-white)}.card.analytics-card .chart-legend .legend-item{display:flex;align-items:center;font-size:.75rem;font-weight:600;color:var(--dark-text)}.card.analytics-card .chart-legend .legend-color{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.metric-icon img{width:28px;height:28px;object-fit:contain;display:block;transition:transform 0.3s ease,filter 0.3s ease}.metric-card:hover .metric-icon img{transform:scale(1.1);filter:drop-shadow(0 3px 6px rgb(0 0 0 / .2))}.quick-item img{width:28px;height:28px;object-fit:contain;display:block;transition:transform 0.3s ease}.quick-item:hover img{transform:scale(1.2)}.load-performance{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0}.load-performance .card-header{background:var(--subtle-gray);border-bottom:1px solid var(--light-gray);padding:var(--space-lg) var(--card-padding);display:flex;align-items:center;justify-content:space-between;width:100%;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-sizing:border-box}.load-performance .card-header h3{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:800;color:var(--darker-text);text-transform:uppercase;letter-spacing:-.01em;margin:0}.load-performance .card-icon{width:18px;height:18px;color:var(--accent-blue);stroke-width:2.2}.load-performance .speedometer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--card-padding);width:100%;box-sizing:border-box}.kyc-banner{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;height:52px;display:none;align-items:center;justify-content:center;z-index:950;border-bottom:1px solid rgb(255 204 0 / .3);box-shadow:0 2px 6px rgb(0 0 0 / .08);transition:all 0.4s ease;background:linear-gradient(90deg,#fff8e1,#fff3cd)}.kyc-banner-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 1rem}.kyc-text{font-weight:600;color:#7a5d00}.kyc-close{border:none;background:#fff0;font-size:1.2rem;color:#7a5d00;cursor:pointer;opacity:.7}.kyc-close:hover{opacity:1}.kyc-link{background:#ffc107;color:#000;padding:6px 12px;border-radius:6px;font-weight:600;text-decoration:none}body.has-kyc-banner .dashboard-pro{margin-top:calc(var(--header-height) + 52px)}.kyc-banner{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;height:52px;display:none;align-items:center;justify-content:center;z-index:999;border-bottom:1px solid rgb(255 204 0 / .3);box-shadow:0 2px 6px rgb(0 0 0 / .08);background:linear-gradient(90deg,#fff8e1,#fff3cd)}.kyc-banner-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 1rem}.kyc-link{background:#ffc107;color:#000;padding:6px 12px;border-radius:6px;font-weight:600;text-decoration:none}.kyc-close{border:none;background:#fff0;font-size:1.2rem;color:#7a5d00;cursor:pointer;opacity:.7}.kyc-close:hover{opacity:1}body.has-kyc-banner .dashboard-pro{margin-top:calc(var(--header-height) + 52px)}.kyc-banner-inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.kyc-text{font-weight:600;color:#7a5d00;margin-right:15px}.kyc-link{background:#ffc107;color:#000;padding:6px 12px;border-radius:6px;font-weight:600;text-decoration:none;margin-right:10px}.kyc-close{border:none;background:#fff0;font-size:1.2rem;color:#7a5d00;cursor:pointer;opacity:.7}.kyc-close:hover{opacity:1}.kyc-banner{position:fixed;top:var(--header-height);left:0;right:0;width:100%;height:68px;display:none;align-items:center;justify-content:center;z-index:100;background:linear-gradient(90deg,rgb(255 248 225 / .95),rgb(255 243 205 / .95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgb(255 215 0 / .4);box-shadow:0 6px 20px rgb(0 0 0 / .08);transform:translateY(-100%);opacity:0;animation:kycSlideDown 0.9s cubic-bezier(.22,1,.36,1) forwards;overflow:hidden}@keyframes kycSlideDown{0%{transform:translateY(-100%);opacity:0}60%{transform:translateY(4%);opacity:1}100%{transform:translateY(0);opacity:1}}.kyc-banner::before{content:"";position:absolute;top:0;left:-50%;width:200%;height:3px;background:linear-gradient(90deg,#fff0 0%,rgb(255 215 0 / .7) 50%,#fff0 100%);animation:shimmerFlow 6s linear infinite;opacity:.9}@keyframes shimmerFlow{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}.kyc-banner-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;padding:0 2rem;position:relative;z-index:2}.kyc-text{font-weight:800;color:#5a4300;font-size:.975rem;letter-spacing:.03em;text-shadow:0 1px 1px rgb(255 255 255 / .5)}.kyc-actions{display:flex;align-items:center;gap:.75rem}.kyc-link{background:linear-gradient(135deg,#ffd54f,#ffc107);color:#000;padding:9px 20px;border-radius:8px;font-weight:800;text-decoration:none;box-shadow:0 4px 14px rgb(255 193 7 / .3);transition:all 0.3s ease}.kyc-link:hover{background:linear-gradient(135deg,#ffe082,#ffd54f);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 18px rgb(255 193 7 / .4)}.kyc-close{border:none;background:#fff0;font-size:1.4rem;color:#5a4300;cursor:pointer;opacity:.7;transition:all 0.3s ease}.kyc-close:hover{opacity:1;transform:rotate(90deg) scale(1.1)}.kyc-banner::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgb(255 215 0 / .4),rgb(255 223 0 / .6),rgb(255 215 0 / .4));filter:blur(2px);opacity:.8}body.has-kyc-banner .dashboard-pro{margin-top:calc(var(--header-height) + 68px)}@media (max-width:768px){.kyc-banner-inner{flex-direction:column;text-align:center;padding:.75rem 1rem;gap:.5rem}.kyc-text{font-size:.875rem}.kyc-actions{flex-direction:row;justify-content:center}.kyc-link{padding:7px 16px;font-size:.8125rem}}