:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 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 (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:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 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-inline: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 (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (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,#18b8aa2e,#0000 32%),radial-gradient(circle at 100% 0,#3b82f629,#0000 34%),linear-gradient(135deg,#07111f 0%,#0b1628 45%,#0f172a 100%);min-height:100%;margin:0;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}.login-page{background:radial-gradient(circle at 20% 20%,#18b8aa33,#0000 30%),radial-gradient(circle at 80% 10%,#3b82f629,#0000 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:#0e1627eb;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 20px 45px #00000059,inset 0 0 0 1px #ffffff08}.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:#ffffff0f;border:1px solid #8da1c747;outline:none;transition:all .2s}.login-card input::placeholder{color:#9aa8c0}.login-card input:focus{border-color:#18b8aa;box-shadow:0 0 0 3px #18b8aa26}.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}.sidebar{color:#f5f7fb;background:linear-gradient(#101a2d 0%,#0b1220 100%);border-right:1px solid #ffffff14;width:260px;min-width:260px;height:100vh;padding:26px 16px;position:sticky;top:0;overflow-y:auto;box-shadow:8px 0 30px #00000038}.sidebar-brand{border-bottom:1px solid #ffffff14;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:#ffffff06;border:1px solid #ffffff0f;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,#18b8aa47,#18b8aa1f);border-color:#18b8aa73;box-shadow:0 10px 22px #18b8aa29}.sidebar-link-text{display:inline-block}.dashboard-main{background:radial-gradient(circle at 20% 0,#18b8aa1f,#0000 28%),radial-gradient(circle at 95% 10%,#2563eb1f,#0000 32%),linear-gradient(135deg,#07111ff0,#0f172afa);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.dashboard-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1525db;border:1px solid #ffffff14;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 #0003}.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}.topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.admin-badge{color:#fff;background:#18b8aa29;border:1px solid #18b8aa6b;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;padding:20px 28px 32px;overflow:hidden auto}.page-shell{width:100%;max-width:none}.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:#10192beb;border:1px solid #ffffff13;border-radius:20px;padding:22px;box-shadow:0 14px 32px #0003,inset 0 1px #ffffff09}.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{width:100%;overflow-x:auto}table{border-collapse:collapse;border-radius:14px;width:100%;overflow:hidden}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #fff1;padding:15px 14px;font-size:14px}td{color:#dce5f5}th{color:#a7b7d2;text-transform:uppercase;letter-spacing:.7px;background:#ffffff0e;font-size:12px;font-weight:800}tr:hover td{background:#ffffff08}.status-pill{white-space:nowrap;border:1px solid #0000;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:#38e6c71f;border-color:#38e6c773}.status-pending{color:#ffd27d;background:#ffd27d1f;border-color:#ffd27d73}.status-failed,.status-undelivered{color:#ff8d9a;background:#ff8d9a1f;border-color:#ff8d9a73}.page-title,h2,h3{color:#fff}.page-subtitle,p,label,span{color:#cdd7e8}input,select,textarea{color:#f4f7fb;background:#ffffff0f;border:1px solid #8da1c747;border-radius:10px}button{font-family:inherit}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.dashboard-panels{grid-template-columns:1fr}}@media (width<=900px){html,body,#root{height:auto}.dashboard-layout{flex-direction:column;min-height:100vh}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;min-width:100%;height:auto;padding:18px;position:relative}.sidebar-brand{margin-bottom:14px;padding-bottom:14px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sidebar-link{text-align:center;padding:12px 10px}.dashboard-main{min-height:auto}.dashboard-topbar{flex-direction:column;align-items:stretch;margin:16px 16px 0;padding:18px}.topbar-actions{justify-content:space-between;width:100%}.dashboard-content{padding:16px;overflow:visible}}@media (width<=640px){.login-card{padding:24px 20px}.sidebar-title{font-size:21px}.sidebar-subtitle{font-size:12px}.sidebar-nav{grid-template-columns:1fr}.dashboard-topbar h1{font-size:23px}.dashboard-topbar .dashboard-subtitle{font-size:13px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:110px}.stat-value{font-size:28px}.table-card,.panel-card{border-radius:16px;padding:16px}table{min-width:760px}th,td{padding:12px 10px;font-size:13px}.admin-badge,.logout-btn{padding:9px 13px}}.dashboard-home{width:100%}.activity-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.activity-item{background:#ffffff0b;border:1px solid #fff1;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:#ffffff0a;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:#ffffff0b;border:1px solid #fff1;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:#ff8d9a14;border-color:#ff8d9a59}@media (width<=900px){.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-item{flex-direction:column}.activity-date{white-space:normal}}@media (width<=640px){.performance-grid{grid-template-columns:1fr}}html,body,#root{overflow-x:hidden;text-align:left!important;border:none!important;width:100%!important;min-width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important}body{display:block}#root{display:block!important}.dashboard-layout{overflow:hidden;width:100vw!important;min-width:100vw!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.sidebar{flex:0 0 260px!important;width:260px!important;min-width:260px!important;max-width:260px!important}.dashboard-main{overflow:hidden;flex:auto!important;width:calc(100vw - 260px)!important;min-width:0!important;max-width:calc(100vw - 260px)!important;min-height:100vh!important}.dashboard-topbar{width:auto!important;max-width:none!important;margin:22px 28px 0!important}.dashboard-content{overflow:hidden auto;flex:1!important;width:100%!important;min-width:0!important;max-width:none!important}.page-shell,.dashboard-home{width:100%!important;max-width:none!important;margin:0!important}.stats-grid,.dashboard-panels,.performance-grid,.table-card,.panel-card{width:100%!important;max-width:none!important}.table-scroll{width:100%;max-width:100%;overflow-x:auto}table{width:100%;max-width:100%}@media (width<=900px){html,body,#root{overflow-x:hidden}.dashboard-layout{overflow:visible;flex-direction:column!important;width:100%!important;min-width:100%!important}.sidebar{width:100%!important;min-width:100%!important;max-width:none!important;height:auto!important}.dashboard-main{overflow:visible;width:100%!important;max-width:none!important;min-height:auto!important}.dashboard-content{overflow:visible}}.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:#10192beb;border:1px solid #ffffff13;border-radius:22px;padding:24px;box-shadow:0 14px 32px #0003,inset 0 1px #ffffff09}.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:#ffffff14;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:#ffffff0b;border:1px solid #fff1;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 47%,#0000 48%),conic-gradient(#30f0aa 0deg 230deg,#91c8ff 230deg 280deg,#ffd48a 280deg 320deg,#ff8d9a 320deg 360deg);border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;margin:0 auto;display:flex;box-shadow:0 18px 45px #00000040}.delivery-donut-inner{background:#0d1525f2;border:1px solid #ffffff14;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}@media (width<=1200px){.delivery-dashboard-grid,.delivery-status-content{grid-template-columns:1fr}.delivery-donut{width:220px;height:220px}}@media (width<=640px){.delivery-total-card>strong{font-size:56px}.delivery-today-summary{grid-template-columns:1fr}.delivery-donut{width:190px;height:190px}.delivery-donut-inner{width:106px;height:106px}.delivery-donut-inner strong{font-size:26px}}.page-stack{flex-direction:column;gap:18px;width:100%;display:flex}.compact-stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}.mini-stat-card{background:#10192beb;border:1px solid #ffffff13;border-radius:18px;flex-direction:column;justify-content:center;min-height:110px;padding:20px;display:flex;box-shadow:0 14px 32px #0000002e,inset 0 1px #ffffff09}.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:#ff8d9a14;border-color:#ff8d9a59}.message-report-table td{max-width:240px}.message-report-table td:last-child{color:#aab8d0;max-width:320px;line-height:1.45}@media (width<=1024px){.dashboard-layout{flex-direction:column!important;width:100%!important;min-width:100%!important;overflow:visible!important}.sidebar{border-bottom:1px solid #ffffff14;border-right:none!important;width:100%!important;min-width:100%!important;max-width:none!important;height:auto!important;padding:18px!important;position:relative!important}.sidebar-brand{margin-bottom:16px;padding-bottom:16px}.sidebar-title{font-size:22px}.sidebar-subtitle{font-size:13px}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sidebar-link{text-align:center;padding:12px 10px;font-size:13px}.dashboard-main{width:100%!important;max-width:none!important;min-height:auto!important;overflow:visible!important}.dashboard-topbar{border-radius:18px;margin:16px 16px 0!important;padding:18px!important}.dashboard-topbar h1{font-size:25px}.dashboard-topbar .dashboard-subtitle{font-size:13px}.dashboard-content{padding:16px!important;overflow:visible!important}.stats-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-panels,.delivery-dashboard-grid,.performance-grid,.delivery-status-content{grid-template-columns:1fr!important}.delivery-donut{width:220px;height:220px}.delivery-today-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{min-width:900px}}@media (width<=700px){html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.sidebar{padding:16px 12px!important}.sidebar-brand{text-align:center}.sidebar-title{font-size:21px}.sidebar-subtitle{font-size:12px}.sidebar-nav{grid-template-columns:1fr 1fr;gap:8px}.sidebar-link{border-radius:12px;padding:11px 8px;font-size:12px}.dashboard-topbar{flex-direction:column;align-items:stretch;gap:14px;margin:12px 12px 0!important;padding:16px!important}.dashboard-topbar h1{font-size:22px;line-height:1.2}.dashboard-topbar .dashboard-subtitle{font-size:12px}.topbar-actions{justify-content:space-between;width:100%}.admin-badge,.logout-btn{padding:9px 13px;font-size:12px}.dashboard-content{padding:12px!important}.stats-grid,.compact-stats-grid{gap:12px;grid-template-columns:1fr!important}.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-item,.activity-item-rich{flex-direction:column;gap:10px}.activity-title-row{flex-direction:column;align-items:flex-start;gap:6px}.activity-date{white-space:normal;font-size:12px}.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}.table-scroll{border-radius:14px;margin-top:12px;overflow-x:auto}table{min-width:950px}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 (width<=430px){.sidebar-nav{grid-template-columns:1fr}.dashboard-topbar h1{font-size:20px}.dashboard-content{padding:10px!important}.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}table{min-width:900px}}