:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:rgba(170,59,255,.1);--accent-border:rgba(170,59,255,.5);--social-bg:rgba(244,243,236,.5);--shadow:rgba(0,0,0,.1) 0 10px 15px -3px, rgba(0,0,0,.05) 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (max-width:1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:rgba(192,132,252,.15);--accent-border:rgba(192,132,252,.5);--social-bg:rgba(47,48,58,.5);--shadow:rgba(0,0,0,.4) 0 10px 15px -3px, rgba(0,0,0,.25) 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body,#root{text-align:left;border:none;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}body{background:var(--bg);overflow-x:hidden}#root{text-align:left;border-left:none;border-right:none;flex-direction:column;max-width:none;margin:0;display:flex}.dashboard-layout{width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.sidebar{flex:0 0 250px;width:250px;min-width:250px;height:100vh}.dashboard-main{flex:1;width:calc(100vw - 250px);min-width:0;height:100vh;overflow:hidden}.dashboard-topbar{width:auto;margin:20px 24px 0}.dashboard-content{flex:1;width:100%;min-width:0;min-height:0;padding:18px 24px 24px;overflow:auto}.page-shell{width:100%;max-width:none;margin:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%}.table-card{width:100%;overflow-x:auto}table{width:100%}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (max-width:1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}#root{margin:0;padding:0}html,body,#root{color:#e8edf7;background:radial-gradient(circle at 0 0,rgba(24,184,170,.18),transparent 32%),radial-gradient(circle at 100% 0,rgba(59,130,246,.16),transparent 34%),linear-gradient(135deg,#07111f 0%,#0b1628 45%,#0f172a 100%);width:100%;min-width:100%;min-height:100vh;margin:0;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}*{box-sizing:border-box}body,#root{display:block}.login-page{background:radial-gradient(circle at 20% 20%,rgba(24,184,170,.2),transparent 30%),radial-gradient(circle at 80% 10%,rgba(59,130,246,.16),transparent 34%),linear-gradient(135deg,#07111f 0%,#0b1628 45%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(14,22,39,.92);border:1px solid rgba(255,255,255,.08);border-radius:18px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 20px 45px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.03)}.login-brand{margin-bottom:22px}.login-logo{letter-spacing:.6px;color:#fff;margin:0;font-size:30px;font-weight:800}.login-tagline{color:#8fa3c6;text-transform:uppercase;letter-spacing:1px;margin:6px 0 0;font-size:13px}.login-heading-wrap{margin-bottom:18px}.login-card h2{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtext{color:#aab8d0;margin:8px 0 0;font-size:14px;line-height:1.5}.login-field-group{margin-bottom:14px}.login-field-group label{color:#d9e3f4;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.login-card input,.login-card button{border-radius:10px;width:100%;margin-bottom:14px;padding:13px 14px;font-size:14px}.login-card input{color:#f4f7fb;background:rgba(255,255,255,.06);border:1px solid rgba(141,161,199,.28);outline:none;transition:all .2s}.login-card input::placeholder{color:#9aa8c0}.login-card input:focus{border-color:#18b8aa;box-shadow:0 0 0 3px rgba(24,184,170,.15)}.login-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#18b8aa,#0f9f94);border:none;font-weight:800;transition:transform .15s,opacity .15s}.login-card button:hover{opacity:.95;transform:translateY(-1px)}.login-card button:disabled{opacity:.7;cursor:not-allowed}.error-text{color:#ff7b7b;margin:0 0 14px;font-size:14px}.dashboard-layout{width:100%;min-height:100vh;display:flex;overflow:hidden}.sidebar{color:#f5f7fb;background:linear-gradient(#101a2d 0%,#0b1220 100%);border-right:1px solid rgba(255,255,255,.08);flex:0 0 260px;width:260px;min-width:260px;max-width:260px;height:100vh;padding:26px 16px;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;box-shadow:8px 0 30px rgba(0,0,0,.22)}.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:28px;padding:4px 8px 20px}.sidebar-title{letter-spacing:.4px;color:#fff;margin:0 0 6px;font-size:24px;font-weight:800}.sidebar-subtitle{color:#9fb0cc;letter-spacing:.3px;margin:6px 0 0;font-size:13px}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-link{color:#d9e3f4;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 16px;font-size:14px;font-weight:650;text-decoration:none;transition:all .2s}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:linear-gradient(135deg,rgba(24,184,170,.28),rgba(24,184,170,.12));border-color:rgba(24,184,170,.45);box-shadow:0 10px 22px rgba(24,184,170,.16)}.sidebar-link-text{display:inline-block}.mobile-menu-btn,.mobile-sidebar-close,.mobile-sidebar-overlay{display:none}.dashboard-main{background:radial-gradient(circle at 20% 0,rgba(24,184,170,.12),transparent 28%),radial-gradient(circle at 95% 10%,rgba(37,99,235,.12),transparent 32%),linear-gradient(135deg,rgba(7,17,31,.94),rgba(15,23,42,.98));flex-direction:column;flex:auto;min-width:0;min-height:100vh;display:flex;overflow:hidden}.dashboard-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(13,21,37,.86);border:1px solid rgba(255,255,255,.08);border-radius:20px;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;margin:22px 28px 0;padding:22px 28px;display:flex;box-shadow:0 14px 34px rgba(0,0,0,.2)}.dashboard-heading-wrap{align-items:center;gap:14px;min-width:0;display:flex}.dashboard-heading{min-width:0}.eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:#18d6c6;margin:0 0 6px;font-size:12px;font-weight:800}.dashboard-topbar h1{color:#fff;margin:0;font-size:30px;font-weight:850}.dashboard-topbar .dashboard-subtitle{color:#aab8d0;margin:7px 0 0;font-size:14px;line-height:1.5}.dashboard-actions,.topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.admin-badge{color:#fff;background:rgba(24,184,170,.16);border:1px solid rgba(24,184,170,.42);border-radius:999px;justify-content:center;align-items:center;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5b5b,#d93f3f);border:none;border-radius:12px;padding:11px 17px;font-weight:700;transition:transform .15s,opacity .15s}.logout-btn:hover{opacity:.95;transform:translateY(-1px)}.dashboard-content{flex:1;width:100%;padding:20px 28px 32px;overflow-x:hidden;overflow-y:auto}.page-shell,.dashboard-home{width:100%;max-width:none;margin:0}.stats-grid{grid-template-columns:repeat(4,minmax(180px,1fr));align-items:stretch;gap:18px;width:100%;display:grid}.stat-card,.table-card,.panel-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:rgba(16,25,43,.92);border:1px solid rgba(255,255,255,.075);border-radius:20px;width:100%;padding:22px;box-shadow:0 14px 32px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}.stat-card{flex-direction:column;justify-content:center;min-height:124px;display:flex}.stat-title{color:#a7b7d2;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:12px;font-weight:800}.stat-value{color:#fff;letter-spacing:1px;margin:12px 0 0;font-size:34px;font-weight:850}.stat-note{color:#8fa3c6;margin:8px 0 0;font-size:13px}.dashboard-panels{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;width:100%;margin-top:18px;display:grid}.table-card,.panel-card{margin-top:18px}.table-card h2,.panel-card h2{color:#fff;margin:0 0 16px;font-size:20px}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;border-radius:14px;width:100%;overflow:hidden}.message-report-table{width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.067);padding:15px 14px;font-size:14px}td{color:#dce5f5}th{color:#a7b7d2;text-transform:uppercase;letter-spacing:.7px;background:rgba(255,255,255,.055);font-size:12px;font-weight:800}tr:hover td{background:rgba(255,255,255,.03)}.status-pill{white-space:nowrap;border:1px solid transparent;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.status-sent,.status-delivered,.status-processed{color:#38e6c7;background:rgba(56,230,199,.12);border-color:rgba(56,230,199,.45)}.status-pending{color:#ffd27d;background:rgba(255,210,125,.12);border-color:rgba(255,210,125,.45)}.status-failed,.status-undelivered{color:#ff8d9a;background:rgba(255,141,154,.12);border-color:rgba(255,141,154,.45)}.failure-reason-text{color:#ffb4bd;max-width:360px;line-height:1.45;display:inline-block}.muted-text{color:#8fa3c6}.page-title,h2,h3{color:#fff}.page-subtitle,p,label,span{color:#cdd7e8}input,select,textarea{color:#f4f7fb;background:rgba(255,255,255,.06);border:1px solid rgba(141,161,199,.28);border-radius:10px}button{font-family:inherit}.toolbar-row{align-items:center;gap:12px;width:100%;display:flex}.search-input{width:100%;min-height:40px;padding:10px 12px}.activity-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.activity-item{background:rgba(255,255,255,.043);border:1px solid rgba(255,255,255,.067);border-radius:14px;justify-content:space-between;gap:16px;padding:14px;display:flex}.activity-item strong{color:#fff;margin-bottom:5px;font-size:14px;display:block}.activity-item p{color:#9fb0cc;margin:0;font-size:13px}.activity-date{color:#18d6c6;white-space:nowrap;font-size:12px;font-weight:800}.activity-empty{color:#9fb0cc;background:rgba(255,255,255,.04);border-radius:14px;padding:16px}.performance-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-top:16px;display:grid}.performance-box{background:rgba(255,255,255,.043);border:1px solid rgba(255,255,255,.067);border-radius:16px;padding:18px}.performance-box strong{color:#fff;margin-top:8px;font-size:30px;display:block}.performance-label{color:#9fb0cc;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:800}.performance-box.danger{background:rgba(255,141,154,.08);border-color:rgba(255,141,154,.35)}.delivery-dashboard-grid{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:18px;width:100%;margin-top:18px;display:grid}.delivery-total-card,.delivery-status-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:rgba(16,25,43,.92);border:1px solid rgba(255,255,255,.075);border-radius:22px;padding:24px;box-shadow:0 14px 32px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}.delivery-total-card{flex-direction:column;justify-content:center;min-height:300px;display:flex}.delivery-small-title{color:#cdd7e8;text-align:center;margin:0;font-size:18px;font-weight:800}.delivery-total-card>strong{color:#18d6c6;text-align:center;letter-spacing:-1px;margin:22px 0;font-size:76px;font-weight:900;line-height:1;display:block}.delivery-progress-wrap{margin-top:4px}.delivery-progress-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:800;display:flex}.delivery-progress-bar{background:rgba(255,255,255,.08);border-radius:999px;width:100%;height:16px;overflow:hidden}.delivery-progress-fill{background:linear-gradient(135deg,#18d6c6,#30f0aa);border-radius:999px;height:100%;transition:width .3s}.delivery-today-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.delivery-today-summary div{background:rgba(255,255,255,.043);border:1px solid rgba(255,255,255,.067);border-radius:14px;padding:12px}.delivery-today-summary span{color:#9fb0cc;text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:800;display:block}.delivery-today-summary strong{color:#fff;margin-top:6px;font-size:24px;font-weight:900;display:block}.section-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading-row h2{margin:0 0 8px}.delivery-status-card{min-height:300px}.delivery-status-content{grid-template-columns:minmax(220px,.9fr) minmax(240px,1fr);align-items:center;gap:28px;margin-top:24px;display:grid}.delivery-donut{background:radial-gradient(circle,#10192b 0,#10192b 47%,transparent 48%),conic-gradient(#30f0aa 0deg,#30f0aa 230deg,#91c8ff 230deg,#91c8ff 280deg,#ffd48a 280deg,#ffd48a 320deg,#ff8d9a 320deg,#ff8d9a 360deg);border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;margin:0 auto;display:flex;box-shadow:0 18px 45px rgba(0,0,0,.25)}.delivery-donut-inner{background:rgba(13,21,37,.95);border:1px solid rgba(255,255,255,.08);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:124px;height:124px;display:flex}.delivery-donut-inner strong{color:#fff;font-size:32px;font-weight:900;line-height:1}.delivery-donut-inner span{color:#9fb0cc;text-transform:uppercase;letter-spacing:.8px;margin-top:6px;font-size:12px;font-weight:800}.delivery-legend{flex-direction:column;gap:14px;display:flex}.delivery-legend-item{align-items:center;gap:12px;display:flex}.delivery-dot{border-radius:7px;flex:none;width:42px;height:24px}.delivery-sent{background:#30f0aa}.delivery-pending{background:#ffd48a}.delivery-failed{background:#ff8d9a}.delivery-upcoming{background:#91c8ff}.delivery-legend-item strong{color:#fff;font-size:15px;display:block}.delivery-legend-item p{color:#9fb0cc;margin:2px 0 0;font-size:13px}.activity-item-rich{align-items:flex-start}.activity-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-stack{flex-direction:column;gap:18px;width:100%;display:flex}.compact-stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.mini-stat-card{background:rgba(16,25,43,.92);border:1px solid rgba(255,255,255,.075);border-radius:18px;flex-direction:column;justify-content:center;min-height:110px;padding:20px;display:flex;box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}.mini-stat-card span{color:#a7b7d2;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:850}.mini-stat-card strong{color:#fff;margin-top:10px;font-size:32px;font-weight:900}.mini-stat-card.danger{background:rgba(255,141,154,.08);border-color:rgba(255,141,154,.35)}.message-report-table td{max-width:240px}.message-report-table td:last-child{color:#aab8d0;max-width:320px;line-height:1.45}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.dashboard-panels,.delivery-dashboard-grid,.delivery-status-content{grid-template-columns:1fr}.delivery-donut{width:220px;height:220px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){html,body,#root{height:auto;overflow-x:hidden}.dashboard-layout{min-height:100vh;overflow:visible}.mobile-menu-btn{color:#fff;cursor:pointer;background:rgba(24,184,170,.16);border:1px solid rgba(24,184,170,.42);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:23px;font-weight:900;display:inline-flex}.mobile-sidebar-close{color:#fff;cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;line-height:1;display:inline-flex}.mobile-sidebar-overlay{z-index:900;opacity:0;pointer-events:none;background:rgba(0,0,0,.55);border:0;padding:0;transition:opacity .2s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-sidebar-overlay.show{opacity:1;pointer-events:auto}.sidebar{z-index:1000;border-bottom:none;border-right:1px solid rgba(255,255,255,.08);width:min(82vw,300px);min-width:0;max-width:300px;height:100vh;padding:22px 16px;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-brand{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;padding:4px 4px 16px;display:flex}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-link{text-align:left;padding:13px 14px}.dashboard-main{width:100%;min-height:100vh;overflow:visible}.dashboard-topbar{border-radius:16px;flex-direction:column;align-items:stretch;margin:14px 14px 0;padding:16px}.dashboard-heading-wrap{align-items:flex-start;width:100%}.dashboard-heading{flex:1}.dashboard-topbar h1{font-size:24px;line-height:1.2}.dashboard-topbar .dashboard-subtitle{font-size:13px}.dashboard-actions,.topbar-actions{justify-content:space-between;width:100%}.dashboard-content{padding:14px;overflow:visible}.toolbar-row{flex-direction:column;align-items:stretch;gap:10px}.search-input,.toolbar-row input,.toolbar-row select,.toolbar-row button{width:100%}.dashboard-panels,.delivery-dashboard-grid,.performance-grid,.delivery-status-content{grid-template-columns:1fr}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.message-report-table,table{min-width:860px}.activity-item,.activity-item-rich{flex-direction:column}.activity-date{white-space:normal}}@media (max-width:640px){.login-page{padding:16px}.login-card{padding:24px 20px}.sidebar-title{font-size:21px}.sidebar-subtitle{font-size:12px}.dashboard-topbar h1{font-size:21px}.dashboard-topbar .dashboard-subtitle{font-size:12.5px}.dashboard-actions,.topbar-actions{flex-direction:column;align-items:stretch}.admin-badge,.logout-btn{width:100%;padding:9px 13px;font-size:12px}.stats-grid,.compact-stats-grid,.performance-grid{grid-template-columns:1fr;gap:12px}.stat-card,.mini-stat-card{border-radius:16px;min-height:96px;padding:18px}.stat-title,.mini-stat-card span{font-size:11px}.stat-value,.mini-stat-card strong{font-size:28px}.delivery-total-card,.delivery-status-card,.panel-card,.table-card{border-radius:16px;padding:16px}.delivery-total-card{min-height:auto}.delivery-small-title{font-size:15px}.delivery-total-card>strong{margin:16px 0;font-size:52px}.delivery-today-summary{grid-template-columns:1fr}.delivery-donut{width:185px;height:185px}.delivery-donut-inner{width:104px;height:104px}.delivery-donut-inner strong{font-size:24px}.delivery-legend-item{align-items:flex-start}.delivery-dot{width:34px;height:20px}.activity-title-row{flex-direction:column;align-items:flex-start;gap:6px}.section-heading-row{flex-direction:column;gap:8px}.section-heading-row h2,.panel-card h2,.table-card h2{font-size:18px}.page-subtitle{font-size:13px;line-height:1.5}th,td{padding:12px 10px;font-size:12px}th{font-size:11px}.status-pill{padding:6px 10px;font-size:11px}.message-report-table td:last-child{max-width:260px}}@media (max-width:430px){.dashboard-topbar{margin:10px 10px 0;padding:14px}.dashboard-topbar h1{font-size:20px}.dashboard-content{padding:10px}.sidebar{width:min(88vw,300px)}.stat-card,.mini-stat-card,.panel-card,.table-card,.delivery-total-card,.delivery-status-card{border-radius:14px}.delivery-total-card>strong{font-size:44px}.delivery-donut{width:165px;height:165px}.delivery-donut-inner{width:92px;height:92px}.delivery-donut-inner strong{font-size:22px}.message-report-table,table{min-width:900px}}