:root{--navy:#071a2a;--navy2:#102d42;--gold:#d99314;--gold2:#f1b847;--cream:#f5f1e8;--paper:#fffdf8;--text:#18212a;--muted:#71808d;--line:#e8e1d4;--green:#12805c;--red:#c73d47;--shadow:0 20px 60px rgba(7,26,42,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--gold2),var(--gold));color:#fff;font-weight:900;font-size:22px;box-shadow:0 10px 24px rgba(217,147,20,.28)}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:var(--muted);margin-top:2px}.btn{border:0;background:var(--gold);color:#fff;padding:12px 18px;border-radius:14px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(217,147,20,.2)}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--gold);border:1px solid #e5c58a;box-shadow:none}.btn.big{padding:15px 22px}.btn.full{width:100%}.small-btn{padding:9px 12px;border-radius:10px}.landing{min-height:100vh;background:radial-gradient(circle at 80% 5%,#fff 0,transparent 28%),linear-gradient(180deg,#fffdf9 0,#f7f1e7 100%)}.landing-head{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 28px;border-bottom:1px solid rgba(7,26,42,.06)}.landing-head nav{display:flex;align-items:center;gap:24px;font-weight:650}.hero{max-width:1220px;margin:auto;padding:80px 28px 95px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:850;color:var(--gold)}.hero h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:20px 0 24px;max-width:760px}.hero p{font-size:20px;line-height:1.65;color:#66747f;max-width:690px}.hero-actions{display:flex;gap:14px;margin-top:32px}.stats{display:flex;gap:42px;margin-top:50px}.stats b,.stats span{display:block}.stats b{font-size:24px}.stats span{font-size:13px;color:var(--muted);margin-top:4px}.phone-mock{justify-self:center;width:360px;background:var(--navy);padding:16px;border-radius:44px;box-shadow:0 35px 80px rgba(7,26,42,.28);transform:rotate(2deg)}.phone-screen{background:#f8f5ee;border-radius:32px;min-height:620px;padding:24px}.mini-head{font-weight:850;font-size:20px;margin:10px 0 25px}.balance-card{background:linear-gradient(145deg,#102d42,#071a2a);color:#fff;border-radius:24px;padding:24px}.balance-card small,.balance-card strong{display:block}.balance-card strong{font-size:27px;margin:7px 0 22px}.balance-card button{border:0;border-radius:12px;padding:11px 15px;background:var(--gold);color:#fff;font-weight:750}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.mini-grid div{background:#fff;border-radius:18px;padding:18px}.mini-grid b,.mini-grid span{display:block}.mini-grid span{font-size:12px;color:var(--muted);margin-top:5px}.activity{background:#fff;border-radius:18px;padding:18px}.activity p{font-size:13px!important;border-top:1px solid var(--line);padding:13px 0;margin:0!important}.activity p span{float:right;color:var(--green);font-weight:700}.features{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 28px 90px}.features article{background:#fff;padding:32px;border-radius:24px;box-shadow:var(--shadow)}.features article>b{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff5df;color:var(--gold);font-size:22px}.features h3{font-size:20px;margin:20px 0 8px}.features p{color:var(--muted);line-height:1.65}.pricing{max-width:980px;margin:0 auto 80px;text-align:center;padding:70px 28px;background:#fff;border-radius:34px;box-shadow:var(--shadow)}.pricing h2{font-size:42px;margin:16px 0 32px}.sender-price{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.sender-price>div{background:#f8f4ec;border-radius:18px;padding:22px;text-align:left}.sender-price small,.sender-price strong{display:block}.sender-price strong{font-size:24px;margin-top:6px}.landing-footer{text-align:center;color:var(--muted);padding:0 20px 40px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-panel{padding:56px clamp(28px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.auth-panel h1{font-size:42px;margin:48px 0 8px;letter-spacing:-.04em}.auth-panel>p{color:var(--muted);margin:0 0 28px}.auth-panel form{display:grid;gap:17px}.auth-panel .center{text-align:center;margin-top:22px}.auth-panel a{color:var(--gold);font-weight:700}.auth-art{background:linear-gradient(145deg,rgba(7,26,42,.95),rgba(16,45,66,.91)),url('https://images.unsplash.com/photo-1551434678-e076c223a692?auto=format&fit=crop&w=1400&q=80') center/cover;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:72px}.auth-art h2{font-size:48px;line-height:1.05;max-width:520px;margin:0 0 18px}.auth-art p{font-size:18px;line-height:1.6;max-width:560px;color:#d5e0e7}.app-shell{min-height:100vh;display:grid;grid-template-columns:275px 1fr}.sidebar{background:var(--navy);color:#fff;padding:22px 18px;position:fixed;inset:0 auto 0 0;width:275px;z-index:50;display:flex;flex-direction:column}.sidebar .brand{padding:0 9px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .brand small{color:#9fb0bc}.close-side{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:30px}.profile{display:flex;gap:12px;align-items:center;padding:20px 10px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e7edf0;color:var(--navy);font-weight:850}.avatar.small{width:38px;height:38px}.profile b,.profile small,.profile span{display:block}.profile small{font-size:10px;color:#9eb0bd;margin:2px 0}.profile span{font-size:12px;color:var(--gold2)}.sidebar nav{display:grid;gap:6px;overflow:auto;padding-right:2px}.sidebar nav a{display:flex;gap:13px;align-items:center;padding:13px 14px;border-radius:13px;color:#c9d5dd;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#132e42;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--gold)}.logout{margin-top:auto;padding:13px 14px;color:#cbd7df;border-top:1px solid rgba(255,255,255,.1)}.main{grid-column:2;min-width:0}.topbar{height:88px;background:rgba(255,253,248,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:25}.topbar small{color:var(--muted)}.topbar h1{font-size:20px;margin:2px 0 0}.menu-btn{display:none;border:0;background:#fff;border-radius:12px;width:44px;height:44px;font-size:22px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.pill{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:12px;font-weight:750}.content{padding:28px;max-width:1500px;width:100%;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome h2{font-size:34px;letter-spacing:-.04em;margin:8px 0}.welcome p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:21px;padding:22px;box-shadow:0 10px 30px rgba(7,26,42,.05)}.metric.primary{background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;border:0}.metric small,.metric strong,.metric span,.metric a{display:block}.metric strong{font-size:28px;margin:12px 0 9px}.metric span,.metric a{font-size:12px;color:var(--muted)}.metric.primary span,.metric.primary a{color:#c9d6de}.good{color:var(--green)!important}.bad{color:var(--red)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 34px rgba(7,26,42,.05);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-head h3,.card h3{margin:0;font-size:19px}.card-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.card-head>a{color:var(--gold);font-weight:750;font-size:13px}.quick>a{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:17px 0}.quick>a>b{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff5df;color:var(--gold)}.quick>a>span{flex:1;font-weight:750}.quick small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.form-card form,.form-card{min-width:0}.form-card form{display:grid;gap:17px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:7px;font-size:13px;font-weight:750}input,textarea,select{width:100%;border:1px solid #d9dfe3;background:#fbfcfd;border-radius:13px;padding:13px 14px;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,147,20,.12)}label small{font-weight:500;color:var(--muted)}.message-meta{display:flex;justify-content:flex-end;gap:20px;color:var(--muted);font-size:12px}.calculator>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.calculator .total{margin-top:8px;padding-top:22px}.calculator .total strong{font-size:23px;color:var(--gold)}.calculator p{color:var(--muted);font-size:12px;line-height:1.6}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:680px}.table-wrap th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:13px 14px;background:#faf8f3}.table-wrap td{padding:15px 14px;border-top:1px solid var(--line);font-size:13px}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#edf1f3;color:#60717e}.status.delivered,.status.approved,.status.completed,.status.active{background:#e8f7f1;color:var(--green)}.status.failed,.status.rejected{background:#fdebed;color:var(--red)}.status.pending,.status.submitted,.status.queued,.status.processing{background:#fff5df;color:#9a6505}.empty{text-align:center!important;color:var(--muted);padding:30px!important}.truncate{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-list{display:grid;gap:12px}.template-list article{border:1px solid var(--line);border-radius:16px;padding:17px}.template-list article>div{display:flex;justify-content:space-between;align-items:center}.template-list p{color:var(--muted);line-height:1.5;margin-bottom:0}.wallet-hero{background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;border-radius:20px;padding:28px;margin-bottom:22px}.wallet-hero small,.wallet-hero strong,.wallet-hero span{display:block}.wallet-hero strong{font-size:38px;margin:8px 0}.wallet-hero span{color:#c7d5de;font-size:13px}.inline-form{display:flex;gap:7px}.inline-form select{padding:8px;min-width:110px}.block{display:block;color:var(--muted);margin-top:4px}.toast{position:fixed;right:22px;top:22px;z-index:200;background:#fff;padding:14px 18px;border-radius:13px;box-shadow:var(--shadow);border-left:4px solid var(--gold);max-width:420px;font-weight:700}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.bottom-nav{display:none}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.page-grid{grid-template-columns:1fr}.calculator{order:-1}.hero{grid-template-columns:1fr}.phone-mock{display:none}.features{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-art{display:none}}@media(max-width:780px){body{padding-bottom:74px}.app-shell{display:block}.sidebar{transform:translateX(-104%);transition:.25s ease;width:min(86vw,330px);box-shadow:20px 0 60px rgba(0,0,0,.28)}.sidebar.open{transform:translateX(0)}.close-side{display:block}.main{display:block}.topbar{height:74px;padding:0 14px}.topbar small{display:none}.topbar h1{font-size:18px}.menu-btn{display:block}.pill{font-size:11px;padding:8px}.content{padding:16px}.welcome{align-items:flex-start}.welcome .btn{display:none}.welcome h2{font-size:28px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px;border-radius:17px}.metric strong{font-size:21px}.dashboard-grid,.page-grid{gap:14px}.card{padding:17px;border-radius:18px}.form-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:18px}.bottom-nav span{font-size:10px;color:var(--muted)}.landing-head{height:72px;padding:0 18px}.landing-head nav a:not(.btn){display:none}.hero{padding:54px 20px 65px}.hero h1{font-size:50px}.hero p{font-size:17px}.hero-actions{flex-direction:column}.stats{gap:20px;display:grid;grid-template-columns:repeat(3,1fr)}.stats b{font-size:18px}.features{padding:0 18px 60px}.pricing{border-radius:24px;margin:0 14px 50px;padding:45px 16px}.pricing h2{font-size:32px}.sender-price{grid-template-columns:1fr}.auth-panel{padding:30px 22px}.auth-panel h1{font-size:34px;margin-top:44px}.toast{left:12px;right:12px;top:12px}.no-scroll{overflow:hidden}}@media print{.sidebar,.topbar,.bottom-nav,.btn{display:none!important}.main{grid-column:1}.content{padding:0}.card{box-shadow:none;border:0}.table-wrap{overflow:visible}.table-wrap table{min-width:0}body{background:#fff;padding:0}}
/* Enterprise hardening additions */
.admin-hero{background:linear-gradient(135deg,#071a2a,#123d63);color:#fff;border-radius:24px;padding:26px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-hero h2{margin:0 0 8px;font-size:clamp(24px,4vw,38px)}.admin-hero p{margin:0;color:#d6e6f4}.system-chip{padding:10px 14px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff25;font-weight:700}.metric strong{font-variant-numeric:tabular-nums}.sidebar nav{padding-bottom:90px}.card{box-shadow:0 10px 35px rgba(16,42,67,.07)}
@media(max-width:760px){.content{padding:16px}.topbar{padding:12px 14px}.welcome{align-items:flex-start}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:132px}.dashboard-grid,.page-grid{grid-template-columns:1fr}.table-wrap{border-radius:14px}.admin-hero{align-items:flex-start;flex-direction:column}.auth-panel{padding:28px 20px}.landing-head{padding:18px 20px}.hero{padding:54px 20px}.phone-mock{max-width:330px;margin:auto}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.top-actions .pill{display:none}.welcome h2{font-size:27px}.btn.big{width:100%;text-align:center}.content{padding:12px}.card{border-radius:18px}.sidebar{width:min(88vw,350px)}}

.provider-note{margin-top:20px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;text-align:left;background:#fbfaf6;display:grid;gap:6px}.provider-note span{color:var(--muted);line-height:1.55;font-size:13px}.sender-price span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.admin-section{margin-top:20px}.inline-form input[type=number]{min-width:105px;padding:8px 10px}.admin-hero .eyebrow{color:#f4bd57}.system-chip{white-space:nowrap}.metric.primary a{font-size:12px}@media(max-width:780px){.admin-hero .system-chip{white-space:normal;width:100%}.inline-form{min-width:260px}.provider-note{padding:15px}.pricing .table-wrap table{min-width:520px}}
.payment-note{display:block;margin-top:12px;line-height:1.5;color:var(--muted,#667085)}
.pay-status{margin-top:20px;padding:22px;border:1px solid #dbe7ff;background:#f5f9ff;border-radius:18px;text-align:center}.pay-status h4{margin:10px 0 6px}.pay-status p{margin:0 0 8px;color:#52606d}.pay-spinner{width:42px;height:42px;margin:auto;border:4px solid #d7e4ff;border-top-color:#0b6ef3;border-radius:50%;animation:paySpin .8s linear infinite}.pay-check,.pay-cross{width:48px;height:48px;margin:auto;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:800}.pay-check{background:#0f9d58}.pay-cross{background:#d92d20}.pay-status.success{background:#f0fff7;border-color:#a9e7c5}.pay-status.failed{background:#fff5f4;border-color:#ffc9c4}@keyframes paySpin{to{transform:rotate(360deg)}}

/* Vozua 2026 interface */
:root{--vz-blue:#0b61d8;--vz-blue2:#1398ff;--vz-ink:#101a31;--vz-muted:#6e7789;--vz-bg:#f5f7fb;--vz-card:#fff;--vz-line:#e7ebf2;--vz-green:#079c68;--vz-red:#d64545}
body{background:var(--vz-bg);color:var(--vz-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{grid-template-columns:268px minmax(0,1fr)}.sidebar{background:#0d1729;color:#fff;width:268px;border-right:0;box-shadow:18px 0 50px rgba(8,18,40,.12)}.sidebar-brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:13px;padding:4px}.sidebar-brand strong{display:block;letter-spacing:.04em;font-size:15px}.sidebar-brand small{display:block;color:#9eabc2;font-size:11px;margin-top:3px}.sidebar nav{padding:14px 12px 100px}.nav-label{display:block;padding:16px 12px 7px;color:#73809a;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar nav a{height:46px;border-radius:12px;color:#c8d0de;padding:0 13px;gap:13px;font-size:14px;font-weight:600}.sidebar nav a i{font-style:normal;width:20px;text-align:center;font-size:17px}.sidebar nav a:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar nav a.active{background:linear-gradient(135deg,var(--vz-blue),var(--vz-blue2));color:#fff;box-shadow:0 10px 24px rgba(11,97,216,.28)}.profile{margin:16px 14px 2px;padding:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:15px}.profile small,.profile span{color:#9ea9bd}.logout{left:14px;right:14px;bottom:15px;border:1px solid rgba(255,255,255,.09);background:#121f35;border-radius:12px;color:#d7deea;height:46px}.topbar{height:78px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--vz-line);padding:0 28px}.top-title h1{font-size:20px;margin:2px 0 0}.top-title small{font-size:11px;color:var(--vz-muted)}.menu-btn,.icon-btn{border:1px solid var(--vz-line);background:#fff;border-radius:12px;width:42px;height:42px;color:var(--vz-ink)}.balance-pill{display:flex;flex-direction:column;padding:7px 13px;border:1px solid var(--vz-line);background:#fff;border-radius:12px;color:var(--vz-ink);line-height:1.2}.balance-pill small{font-size:9px;color:var(--vz-muted)}.balance-pill b{font-size:12px}.content{padding:26px;max-width:1600px;width:100%;margin:auto}.card,.metric{border:1px solid var(--vz-line);box-shadow:0 8px 24px rgba(18,32,61,.045);border-radius:18px}.metric.primary{background:linear-gradient(145deg,#0b61d8,#159fff);color:#fff}.welcome h2{font-size:30px;letter-spacing:-.03em}.btn{background:linear-gradient(135deg,var(--vz-blue),var(--vz-blue2));border-radius:12px;box-shadow:none}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(11,97,216,.18)}.form-card label{font-size:12px;font-weight:700;color:#344054}.form-card input,.form-card textarea,.form-card select{border:1px solid #dfe5ee;background:#fff;border-radius:12px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--vz-blue);box-shadow:0 0 0 4px rgba(11,97,216,.09)}.smart-recipient-box{position:relative}.smart-recipient-help{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px;color:var(--vz-muted);font-size:11px}.recipient-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0}.recipient-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#eef5ff;border:1px solid #d5e7ff;color:#174c91;border-radius:999px;font-size:11px}.international-note{padding:13px 14px;border-radius:12px;background:#fff9e9;border:1px solid #f5e2a8;color:#755719;font-size:12px;line-height:1.5}.install-banner{position:fixed;z-index:999;left:50%;bottom:18px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px;background:#0d1729;color:#fff;border-radius:17px;box-shadow:0 20px 55px rgba(9,20,43,.34)}.install-banner[hidden]{display:none}.install-banner img{width:42px;height:42px;border-radius:12px;background:#fff;padding:3px}.install-banner div{flex:1}.install-banner b,.install-banner small{display:block}.install-banner small{color:#aab5c7;font-size:11px;margin-top:2px}.install-banner button{border:0;border-radius:10px;padding:10px 14px;background:var(--vz-blue);color:#fff;font-weight:800}.install-banner .install-close{background:transparent;color:#aab5c7;font-size:20px;padding:5px}.sidebar-backdrop{display:none}.landing .brand-mark,.auth-page .brand-mark{background:url('../icons/icon-192.png') center/contain no-repeat;color:transparent;border-radius:13px}.landing-head .brand strong,.auth-panel .brand strong{letter-spacing:.03em}.phone-mock{border-color:#dce9fb}.auth-art{background:linear-gradient(145deg,#0d1729,#0b61d8)}
@media(max-width:980px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .25s ease;z-index:110;width:min(84vw,320px)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(4,12,27,.55);backdrop-filter:blur(3px);z-index:105}.sidebar-backdrop.open{display:block}.main{margin:0}.menu-btn{display:grid;place-items:center}.content{padding:18px}.topbar{padding:0 16px}.top-actions .avatar{display:none}.bottom-nav{display:grid}.close-side{display:block}.balance-pill{display:none}}
@media(max-width:560px){.topbar{height:68px}.top-title h1{font-size:17px}.top-title small{display:none}.content{padding:13px 12px 88px}.card{padding:16px;border-radius:16px}.welcome{margin-bottom:15px}.welcome h2{font-size:25px}.welcome p{font-size:13px}.welcome .btn{padding:11px 13px}.metric-grid{gap:10px}.metric{min-height:120px;padding:16px}.metric strong{font-size:27px}.page-grid{gap:12px}.form-card textarea[name=phones]{min-height:145px}.calculator{position:static}.install-banner{bottom:82px}.auth-page{min-height:100dvh}.auth-panel{padding:24px 18px}.landing-head .brand small{display:none}}

/* Vozua Alive UX */
.vz-loader,.vz-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(8,17,35,.52);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.18s ease}.vz-loader.show,.vz-modal.show{opacity:1;visibility:visible}.vz-loader-card,.vz-modal-card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:30px;text-align:center;box-shadow:0 30px 90px rgba(4,12,28,.28);transform:translateY(10px) scale(.98);transition:.2s ease}.vz-loader.show .vz-loader-card,.vz-modal.show .vz-modal-card{transform:none}.vz-logo-loader{width:88px;height:88px;margin:0 auto 20px;position:relative;display:grid;place-items:center}.vz-logo-loader:before,.vz-logo-loader:after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid #dbeafe}.vz-logo-loader:before{border-top-color:#0b61d8;animation:vzSpin .72s linear infinite}.vz-logo-loader:after{inset:9px;border-color:transparent;border-bottom-color:#19a6ff;animation:vzSpin .95s linear infinite reverse}.vz-logo-loader img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;padding:3px;box-shadow:0 10px 28px rgba(11,97,216,.16)}.vz-loader-card strong,.vz-loader-card span{display:block}.vz-loader-card strong{font-size:20px;color:#101a31}.vz-loader-card span{margin-top:7px;color:#6e7789;font-size:13px}.vz-modal-icon{width:88px;height:88px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;font-size:44px;font-weight:800;border:3px solid}.vz-modal-icon.success{color:#079c68;background:#edfff7;border-color:#8de2c1}.vz-modal-icon.error{color:#d64545;background:#fff3f3;border-color:#ffc0c0}.vz-modal-icon.info{color:#0b61d8;background:#eef6ff;border-color:#a9d0ff}.vz-modal-card h3{font-size:27px;letter-spacing:-.03em;margin:0 0 10px}.vz-modal-card p{color:#667085;line-height:1.65;margin:0 0 22px}.vz-modal-card .btn{min-height:48px}.pay-status{position:relative;overflow:hidden}.pay-status:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#0b61d8,#19a6ff,#0b61d8);background-size:200% 100%;animation:vzFlow 1.2s linear infinite}.auth-panel .btn{min-height:52px}.auth-panel input{min-height:52px}.toast{display:none!important}@keyframes vzSpin{to{transform:rotate(360deg)}}@keyframes vzFlow{to{background-position:-200% 0}}@media(max-width:560px){.vz-loader,.vz-modal{align-items:center;padding:14px}.vz-loader-card,.vz-modal-card{border-radius:22px;padding:26px 20px}.vz-logo-loader,.vz-modal-icon{width:76px;height:76px}.vz-logo-loader img{width:48px;height:48px}.vz-modal-card h3{font-size:23px}}

/* Vozua final dashboard + notifications */
.top-actions{display:flex;align-items:center;gap:10px}.topbar svg,.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.menu-btn,.icon-btn{display:grid;place-items:center;position:relative}.notification-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef3f4c;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.notification-backdrop{position:fixed;inset:0;background:rgba(8,17,35,.42);backdrop-filter:blur(4px);z-index:1180;opacity:0;visibility:hidden;transition:.22s}.notification-backdrop.open{opacity:1;visibility:visible}.notification-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,94vw);background:#fff;z-index:1190;box-shadow:-28px 0 80px rgba(8,18,40,.18);transform:translateX(105%);transition:transform .26s cubic-bezier(.22,.75,.2,1);display:flex;flex-direction:column}.notification-drawer.open{transform:none}.notification-head{padding:24px 24px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--vz-line)}.notification-head small{font-size:10px;letter-spacing:.13em;color:var(--vz-blue);font-weight:900}.notification-head h2{margin:5px 0 0;font-size:25px;letter-spacing:-.03em}.notification-head button{border:1px solid var(--vz-line);background:#fff;width:38px;height:38px;border-radius:11px;font-size:25px;color:#647084}.notification-tools{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;background:#f8faff;border-bottom:1px solid var(--vz-line);font-size:12px;color:var(--vz-muted)}.notification-tools button{border:0;background:transparent;color:var(--vz-blue);font-weight:800}.notification-list{overflow:auto;flex:1}.notification-item{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px 22px;border-bottom:1px solid #edf0f5;color:var(--vz-ink);text-decoration:none;transition:.18s}.notification-item:hover{background:#f8fbff}.notification-item.unread{background:#f3f8ff}.notification-type{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#edf3fb;color:#46627f}.notification-type.payment{background:#e9fbf4;color:#078758}.notification-type.low_credit{background:#fff4e8;color:#d06d00}.notification-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.notification-title b{font-size:13px}.notification-title time{font-size:10px;color:#8a94a6;white-space:nowrap}.notification-item p{margin:6px 0 0;color:#667085;font-size:12px;line-height:1.55}.notification-empty{text-align:center;padding:70px 32px}.notification-empty span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#eafaf3;color:#078758;font-size:28px}.notification-empty h3{margin:0 0 7px}.notification-empty p{font-size:13px;line-height:1.6;color:var(--vz-muted)}.notification-footer{padding:15px 22px;border-top:1px solid var(--vz-line);background:#fff}.notification-footer a{height:45px;border-radius:12px;background:#0d1729;color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:800;font-size:13px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{overflow:hidden;position:relative}.metric:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:rgba(11,97,216,.05)}.metric.primary:after{background:rgba(255,255,255,.12)}.dashboard-grid{align-items:start}.quick a{border-radius:14px;border:1px solid #edf0f5;margin-top:9px;background:#fff}.quick a:hover{border-color:#cfe0f7;background:#f8fbff}.card-head h3{letter-spacing:-.015em}.content>.card,.content>.page-grid,.content>.dashboard-grid{margin-bottom:0}.bottom-nav{box-shadow:0 -12px 30px rgba(12,25,50,.08);border-top:1px solid #e8edf5;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);padding-bottom:max(5px,env(safe-area-inset-bottom))}.bottom-nav a{color:#7c8799;font-size:10px;font-weight:700;gap:4px}.bottom-nav a.active{color:var(--vz-blue)}.bottom-nav a.active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 6px 6px;background:var(--vz-blue)}.bottom-nav a{position:relative}.bottom-nav svg{width:22px;height:22px}.wallet-hero{border-radius:17px;background:linear-gradient(140deg,#0d1729,#0b61d8);padding:25px}.wallet-hero small,.wallet-hero span{color:#d9e5f8}.table-wrap{border-radius:14px}.form-card,.calculator{overflow:hidden}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.top-actions{gap:7px}.top-actions .install-icon{display:none}.notification-drawer{width:100vw}.notification-head{padding:20px 18px 15px}.notification-tools{padding:12px 18px}.notification-item{padding:16px 17px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:114px}.metric small{font-size:10px}.metric strong{font-size:25px}.content{padding-bottom:calc(78px + env(safe-area-inset-bottom));min-height:calc(100dvh - 68px)}.dashboard-grid,.page-grid{margin-bottom:0}.bottom-nav{height:68px}.bottom-nav a{height:62px}.welcome{align-items:flex-start}.welcome .btn{white-space:nowrap}.balance-pill{display:none}}

/* Vozua premium dashboard refinement */
:root{--gold:#0b61d8;--gold2:#19a6ff;--cream:#f4f7fb;--paper:#ffffff;--line:#e6ebf2;--shadow:0 18px 55px rgba(12,31,62,.08)}
body{background:#f4f7fb}.eyebrow,.profile span{color:var(--vz-blue)}.btn{background:var(--vz-blue);box-shadow:0 10px 24px rgba(11,97,216,.18)}.btn.ghost{color:var(--vz-blue);border-color:#cddcf1}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--vz-blue)}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #e9edf4}.top-title small{color:#7a8596}.top-title h1{font-size:22px;letter-spacing:-.025em}.content{max-width:1480px;width:100%;margin:0 auto;padding:28px 30px 34px}
.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.welcome-kicker{display:block;color:#697589;font-size:12px;font-weight:750;margin-bottom:5px}.dashboard-welcome h2{font-size:31px;letter-spacing:-.04em;margin:0;color:#101a31}.dashboard-welcome p{margin:7px 0 0;color:#768194}.primary-action{display:flex;align-items:center;gap:16px;padding:13px 16px 13px 19px;border-radius:15px;background:#0b61d8;color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(11,97,216,.20)}.primary-action b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.16)}
.bank-balance-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#101b31 0%,#0b61d8 70%,#1388e8 100%);color:#fff;border-radius:25px;padding:27px 28px 22px;box-shadow:0 22px 55px rgba(14,64,135,.22);margin-bottom:16px}.bank-balance-card:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-95px;top:-155px}.balance-card-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.balance-card-top span,.balance-card-top small{display:block;color:#dbe8fb}.balance-card-top span{font-size:13px;font-weight:700}.balance-card-top strong{display:block;font-size:43px;letter-spacing:-.045em;margin:7px 0 5px}.balance-card-top small{font-size:12px}.balance-card-top img{width:54px;height:54px;border-radius:17px;background:#fff;padding:4px;box-shadow:0 10px 30px rgba(0,0,0,.16)}.balance-card-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.14);margin-top:23px;padding-top:17px;display:flex;align-items:center;justify-content:space-between}.balance-card-bottom span,.balance-card-bottom b{display:block}.balance-card-bottom span{font-size:11px;color:#c4d7f2}.balance-card-bottom b{font-size:16px;margin-top:3px}.balance-card-bottom a{background:#fff;color:#0b61d8;border-radius:12px;padding:11px 16px;font-weight:850;font-size:12px}
.performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.performance-grid article{background:#fff;border:1px solid #e9edf4;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px rgba(18,38,72,.045)}.performance-grid span,.performance-grid small{display:block}.performance-grid span{font-size:12px;color:#778296;font-weight:700}.performance-grid strong{display:block;font-size:27px;letter-spacing:-.035em;margin:6px 0 2px}.performance-grid small{font-size:11px;color:#8a94a5}.good{color:#0a8f61!important}.bad{color:#d24b55!important}
.modern-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:16px}.recent-card,.quick-modern{border-radius:21px;padding:22px}.quick-modern .card-head{margin-bottom:8px}.quick-modern>a{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:13px;padding:13px;border:1px solid #e9edf4;border-radius:16px;margin-top:10px;transition:.18s;background:#fff}.quick-modern>a:hover{transform:translateY(-1px);border-color:#bfd4f2;box-shadow:0 10px 24px rgba(25,62,112,.07)}.quick-modern .qa-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#edf5ff;color:#0b61d8;font-size:18px}.quick-modern span{font-weight:800;color:#18233a}.quick-modern span small{display:block;font-weight:500;color:#7a8597;margin-top:3px}.quick-modern i{font-style:normal;color:#0b61d8;font-weight:900}.card-head>a{color:#0b61d8;font-weight:800}
.wallet-page-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start}.wallet-main-card,.recharge-card{border-radius:22px}.bank-wallet-hero{display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#101b31,#0b61d8 72%,#1388e8);padding:26px;border-radius:20px}.bank-wallet-hero>div{min-width:0}.bank-wallet-hero img{width:54px;height:54px;background:#fff;border-radius:16px;padding:4px}.bank-wallet-hero strong{font-size:40px}.recharge-kicker{display:block;text-transform:uppercase;letter-spacing:.12em;color:#0b61d8;font-size:10px;font-weight:900;margin-bottom:7px}.recharge-card h3{font-size:24px;letter-spacing:-.025em;margin:0 0 7px}.recharge-card>p{color:#738094;line-height:1.55;margin:0 0 20px}.recharge-card label{font-weight:750}.recharge-card input{min-height:52px;border-radius:13px;background:#fbfcfe}.recharge-card .btn{min-height:52px;border-radius:13px}.payment-note{line-height:1.5;color:#7e8999}
.notification-type.low_credit{background:#fff7e7;color:#c97a00}.status.pending{color:#b96f00;background:#fff7e6}
@media(max-width:980px){.content{max-width:none;padding:20px 18px 26px}.modern-dashboard,.wallet-page-grid{grid-template-columns:1fr}.quick-modern{order:-1}.dashboard-welcome{margin-top:2px}}
@media(max-width:560px){body{background:#f4f7fb}.topbar{height:72px;padding:0 14px}.top-title h1{font-size:18px}.content{padding:14px 12px calc(70px + env(safe-area-inset-bottom));min-height:calc(100dvh - 72px)}.dashboard-welcome{align-items:flex-end;margin-bottom:13px}.dashboard-welcome h2{font-size:27px}.dashboard-welcome p{font-size:12px;max-width:240px}.primary-action{padding:10px 11px 10px 14px;border-radius:12px;font-size:12px;gap:8px}.primary-action b{width:24px;height:24px}.bank-balance-card{border-radius:21px;padding:22px 20px 18px;margin-bottom:12px}.balance-card-top strong{font-size:37px}.balance-card-top img{width:46px;height:46px;border-radius:14px}.balance-card-bottom{margin-top:19px;padding-top:14px}.balance-card-bottom a{padding:10px 13px}.performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.performance-grid article{padding:14px 11px;border-radius:15px;min-width:0}.performance-grid span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-grid strong{font-size:23px}.performance-grid small{font-size:9px}.modern-dashboard{gap:12px}.quick-modern,.recent-card{padding:16px;border-radius:18px}.quick-modern>a{grid-template-columns:43px 1fr 20px;padding:11px 10px}.quick-modern .qa-icon{width:41px;height:41px;border-radius:12px}.quick-modern span{font-size:13px}.quick-modern span small{font-size:10px}.recent-card .table-wrap{margin-left:-4px;margin-right:-4px}.wallet-page-grid{gap:12px}.bank-wallet-hero{padding:21px 18px}.bank-wallet-hero strong{font-size:34px}.recharge-card{padding:18px}.bottom-nav{height:66px}.bottom-nav a{height:60px}.content>.card,.content>.page-grid,.content>.dashboard-grid{margin-bottom:0}}

/* Final production refinements */
.sidebar-account{display:grid;grid-template-columns:52px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:4px 8px 18px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.10)}
.sidebar-account img{width:50px;height:50px;border-radius:16px;background:#fff;padding:4px;object-fit:contain}.sidebar-account>div{min-width:0}.sidebar-account strong,.sidebar-account small,.sidebar-account span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{font-size:15px}.sidebar-account small{font-size:11px;color:#aebdca;margin-top:3px}.sidebar-account span{font-size:11px;color:#7ebcff;margin-top:5px}.sidebar-account .close-side{width:34px;height:34px;margin:0;padding:0;place-items:center}
.sidebar-powered{padding:12px 14px 8px;color:#8296a8;font-size:10px;line-height:1.45;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.sidebar-powered b{color:#c8d4df}.logout{margin-top:0}
.top-title{min-width:0}.top-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.topbar{box-shadow:0 8px 28px rgba(12,31,62,.04)}
.notification-item>div{min-width:0}.notification-title{min-width:0;flex-wrap:wrap}.notification-title b,.notification-item p{overflow-wrap:anywhere;word-break:normal}.notification-title time{margin-left:auto}.notification-empty{padding:56px 24px}.notification-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}
.payment-wait-page{display:grid;place-items:center;min-height:calc(100dvh - 150px);padding:8px 0}.payment-wait-card{width:min(520px,100%);background:#fff;border:1px solid #e7ecf3;border-radius:26px;padding:32px;box-shadow:0 24px 70px rgba(13,35,72,.10);text-align:center}.pay-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#657287;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pay-brand img{width:42px;height:42px;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(15,42,90,.10)}.payment-wait-card .pay-spinner{margin:30px auto 20px}.payment-wait-card h2{font-size:28px;margin:0 0 10px;letter-spacing:-.035em}.payment-wait-card>p{color:#69768a;line-height:1.65;margin:0 auto 22px;max-width:420px}.payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.payment-summary>div{background:#f6f9fd;border:1px solid #e7edf5;border-radius:15px;padding:14px;text-align:left}.payment-summary span,.payment-summary b{display:block}.payment-summary span{font-size:10px;color:#7b8798;text-transform:uppercase;letter-spacing:.08em}.payment-summary b{margin-top:4px;font-size:14px;overflow-wrap:anywhere}.payment-wait-card>small{display:block;color:#8190a4;line-height:1.55;margin-bottom:18px}.payment-wait-card.success .pay-spinner,.payment-wait-card.failed .pay-spinner{display:none}.payment-wait-card.success{border-color:#ccefe1}.payment-wait-card.failed{border-color:#f2d2d7}
.content{min-height:0}.content>*:last-child{margin-bottom:0!important}
@media(max-width:780px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.content{padding-bottom:14px!important;min-height:0!important}.main{min-height:0}.bottom-nav{height:66px}.bottom-nav a{height:60px}.notification-drawer{height:100dvh;bottom:auto}.notification-list{min-height:0}.payment-wait-page{min-height:calc(100dvh - 152px);padding:0}.payment-wait-card{border-radius:22px;padding:24px 18px}.payment-summary{grid-template-columns:1fr}.dashboard-welcome h2{font-size:26px}.dashboard-welcome{align-items:center}}
@media(max-width:420px){.topbar{padding:0 12px}.menu-btn,.icon-btn{width:42px;height:42px}.top-title h1{font-size:17px}.dashboard-welcome p{max-width:210px}.primary-action{padding:10px 12px}.notification-head h2{font-size:23px}.notification-empty p{font-size:12px}.bank-balance-card{padding-left:18px;padding-right:18px}}

/* Premium authentication inputs */
.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px}.auth-form input{width:100%;padding:0 15px}.password-field{position:relative}.password-field input{padding-right:72px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#eef4ff;color:#0b61d8;font-weight:800;font-size:12px;border-radius:9px;padding:8px 10px;cursor:pointer}.password-toggle:hover{background:#e0edff}.field-hint{display:block;color:#7b8798;font-size:11px;line-height:1.5;margin-top:-7px}.remember-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px}.remember-row>span{display:flex;align-items:center;gap:9px;font-weight:650;color:#344054}.remember-row input{width:18px!important;height:18px;min-height:auto!important;accent-color:#0b61d8}.remember-row small{color:#7b8798;text-align:right;line-height:1.35;max-width:220px}@media(max-width:560px){.remember-row{align-items:flex-start;flex-direction:column}.remember-row small{text-align:left;max-width:none}.auth-form{gap:14px}}

/* Highest-level report, dashboard and payment refinements */
.performance-grid>a{position:relative;display:block;background:#fff;border:1px solid #e7edf5;border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px rgba(18,38,72,.045);transition:.18s ease;min-width:0}.performance-grid>a:hover{transform:translateY(-2px);border-color:#bed3ef;box-shadow:0 16px 36px rgba(18,38,72,.08)}.performance-grid>a span,.performance-grid>a small{display:block}.performance-grid>a span{font-size:12px;color:#778296;font-weight:700}.performance-grid>a strong{display:block;font-size:27px;letter-spacing:-.035em;margin:6px 0 2px}.performance-grid>a small{font-size:11px;color:#8a94a5;padding-right:22px}.performance-grid>a i{position:absolute;right:16px;bottom:15px;font-style:normal;color:#0b61d8;font-weight:900}
.report-card{padding:24px;border-radius:24px}.report-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.section-kicker{display:block;color:#0b61d8;font-size:10px;letter-spacing:.14em;font-weight:900;margin-bottom:7px}.report-toolbar h2{font-size:26px;letter-spacing:-.035em;margin:0 0 5px}.report-toolbar p{margin:0;color:#748196;font-size:13px}.report-actions{display:flex;gap:8px}.compact-action{width:auto;min-width:72px;height:42px;padding:0 12px;border-radius:12px;border:1px solid #dce5f1;background:#fff;color:#0b61d8;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:none}.compact-action:hover{background:#f5f9ff;border-color:#bcd0ea}.compact-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.report-filters{display:flex;gap:6px;margin-bottom:16px;padding:4px;background:#f3f6fa;border-radius:13px;width:max-content}.report-filters a{padding:8px 13px;border-radius:10px;font-size:12px;font-weight:800;color:#69768a}.report-filters a.active{background:#fff;color:#0b61d8;box-shadow:0 4px 14px rgba(24,54,94,.08)}.report-table-wrap{border:1px solid #edf0f5;border-radius:16px;overflow:auto}.report-table{min-width:1050px}.report-table th{font-size:10px;letter-spacing:.08em;color:#7b8798;background:#f8fafc;padding:13px 14px}.report-table td{padding:14px;vertical-align:top;font-size:12px}.report-table time{font-weight:700;color:#273247;white-space:nowrap}.report-table time small{display:block;color:#8a95a6;font-weight:500;margin-top:3px}.recipient-number{white-space:nowrap;font-size:12px}.message-preview{max-width:250px;line-height:1.45;color:#445064;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.failure-reason{max-width:280px;padding:9px 11px;border-radius:11px;background:#fff3f4;border:1px solid #f6d8dc;color:#9f2f3c;line-height:1.4}.failure-reason b,.failure-reason span{display:block}.failure-reason b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.failure-reason span{font-size:11px}.delivery-note{color:#778497;font-size:11px;line-height:1.4}.empty-state{display:grid;place-items:center;padding:34px 18px}.empty-state span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e7f8f1;color:#0a8f61;font-size:22px;font-weight:900;margin-bottom:10px}.empty-state b{font-size:14px}.empty-state small{color:#8490a2;margin-top:4px}
.pay-check,.pay-cross{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:8px auto 18px;font-size:31px;font-weight:900}.pay-check{background:#e4f8ef;color:#0a8f61;box-shadow:0 0 0 8px #f3fcf8}.pay-cross{background:#fff0f2;color:#cf3f4d;box-shadow:0 0 0 8px #fff8f9}.payment-wait-card.success,.payment-wait-card.failed{padding:30px 26px}.payment-wait-card.success h2,.payment-wait-card.failed h2{font-size:24px}.payment-wait-card.success>p,.payment-wait-card.failed>p{font-size:13px;max-width:360px}.payment-wait-card.success .btn,.payment-wait-card.failed .btn{max-width:280px;margin:0 auto;min-height:46px}
.card h2,.card h3,.top-title h1,.quick-modern span,.btn{letter-spacing:-.01em}.card-head h3{font-size:18px}.btn{font-size:13px}.btn.ghost{font-size:12px}.status{font-size:10px;padding:6px 9px}
@media(max-width:780px){.report-card{padding:16px;border-radius:20px}.report-toolbar{align-items:center}.report-toolbar h2{font-size:22px}.report-toolbar p{font-size:11px;line-height:1.45}.compact-action{min-width:42px;width:42px;padding:0}.compact-action span{display:none}.report-filters{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.report-filters a{text-align:center;padding:8px 6px}.report-table-wrap{border:0;overflow:visible}.report-table{min-width:0;display:block}.report-table thead{display:none}.report-table tbody{display:grid;gap:10px}.report-table tr{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding:14px;border:1px solid #e8edf4;border-radius:15px;background:#fff}.report-table td{display:block;padding:0;border:0;font-size:11px;min-width:0}.report-table td:before{content:attr(data-label);display:block;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8a95a6;font-weight:900;margin-bottom:4px}.report-table td[data-label="Message"],.report-table td[data-label="Details"]{grid-column:1/-1}.message-preview,.failure-reason{max-width:none}.failure-reason{padding:9px 10px}.performance-grid>a{padding:14px 11px;border-radius:15px}.performance-grid>a span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-grid>a strong{font-size:23px}.performance-grid>a small{font-size:9px}.performance-grid>a i{right:10px;bottom:10px}.payment-wait-card.success,.payment-wait-card.failed{padding:24px 18px}.pay-check,.pay-cross{width:56px;height:56px;font-size:27px}}
@media print{.sidebar,.topbar,.bottom-nav,.report-actions,.report-filters,.notification-drawer,.notification-backdrop{display:none!important}.main{grid-column:1!important}.content{padding:0!important}.report-card{box-shadow:none;border:0;padding:0}.report-table-wrap{border:0}.report-table{min-width:100%;font-size:9px}.report-table th,.report-table td{padding:7px}.failure-reason{border:0;background:transparent;padding:0;color:#000}.report-toolbar h2{font-size:20px}}


/* API integration and default Sender ID */
.default-sender-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid #dbe7f7;background:#f5f9ff;border-radius:16px;margin:0 0 18px;color:#35506f}.default-sender-note b{color:#0b61d8;white-space:nowrap}.default-sender-note span{line-height:1.45}.api-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:30px}.api-hero h2{margin:7px 0 8px;font-size:clamp(1.65rem,3vw,2.35rem)}.api-hero p{max-width:690px;margin:0;color:#6f7d8f;line-height:1.6}.api-base{min-width:280px;background:#0c1b33;color:#fff;padding:17px 18px;border-radius:16px}.api-base small{display:block;color:#9db0ca;margin-bottom:7px}.api-base code{color:#fff;word-break:break-all}.api-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:22px}.api-docs,.api-keys{padding:26px}.api-docs h3{margin:24px 0 10px}.api-docs h3:first-child{margin-top:0}.api-docs pre{overflow:auto;background:#0c1b33;color:#eaf2ff;padding:18px;border-radius:16px;font-size:.86rem;line-height:1.65}.api-docs code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.method{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;padding:5px 8px;border-radius:7px;margin-right:6px}.method.post{background:#e8f8ef;color:#087a42}.method.get{background:#e9f2ff;color:#0b61d8}.api-error-guide{margin-top:24px;padding:18px;border-radius:16px;background:#f5f8fc;border:1px solid #e3eaf3}.api-key-reveal{margin-bottom:20px;padding:18px 20px;background:#eaf9f1;border:1px solid #bfe8d2;border-radius:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.api-key-reveal code{background:#fff;padding:10px 12px;border-radius:10px;word-break:break-all;flex:1;min-width:240px}.api-key-reveal small{width:100%;color:#527062}.key-list{margin-top:22px;display:grid;gap:10px}.key-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e6ebf1}.key-list span{display:grid;gap:3px}.key-list small{color:#7d8998}.key-list button{border:0;background:#fff0f1;color:#b32635;padding:8px 10px;border-radius:9px;font-weight:700}.security-note{margin-top:22px;padding:16px;border-radius:15px;background:#f5f8fc}.security-note p{margin:6px 0 0;color:#667587;line-height:1.5}
@media(max-width:900px){.api-layout{grid-template-columns:1fr}.api-hero{align-items:stretch;flex-direction:column}.api-base{min-width:0}.api-docs,.api-keys,.api-hero{padding:20px}.default-sender-note{display:block}.default-sender-note b{display:block;margin-bottom:4px}}


/* Vozua SMS mobile-app refinement */
:root{--brand:#0b61d8;--brand-deep:#073a91;--brand-soft:#eaf3ff;--surface:#fff;--app-bg:#f3f7fc;--text:#101b34;--muted:#748094;--line:#e5ebf3;--green:#12805c;--red:#c73d47;--warning:#d88910;--shadow-soft:0 14px 38px rgba(22,45,85,.08)}
body{background:var(--app-bg);overflow-x:hidden}.main{min-height:100dvh}.content{min-height:calc(100dvh - 88px);padding-bottom:36px}.card{border-color:var(--line);box-shadow:var(--shadow-soft)}
.report-card{padding:20px;overflow:hidden}.report-toolbar{gap:16px}.report-toolbar h2{font-size:clamp(24px,3vw,34px);line-height:1.12}.report-toolbar p{max-width:560px;line-height:1.5}.report-actions{display:flex;gap:8px;flex:0 0 auto}.compact-action{width:auto;min-width:44px;height:44px;padding:0 12px;border-radius:14px}.compact-action span{font-size:12px}
.report-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;border:1px solid var(--line);background:#f4f7fb;border-radius:15px}.report-filters a{min-width:0;text-align:center;padding:10px 8px;border-radius:11px;white-space:nowrap}.report-filters a.active{background:#fff;color:var(--brand);box-shadow:0 5px 14px rgba(27,58,102,.08)}
.report-table-wrap{overflow:visible}.report-table{table-layout:fixed;min-width:0}.report-table th,.report-table td{overflow-wrap:anywhere}.report-table th:nth-child(1){width:13%}.report-table th:nth-child(2){width:17%}.report-table th:nth-child(3){width:10%}.report-table th:nth-child(4){width:20%}.report-table th:nth-child(5){width:12%}.report-table th:nth-child(6){width:22%}.report-table th:nth-child(7){width:6%}.failure-reason{max-width:100%;overflow-wrap:anywhere}
.notification-drawer{display:flex;flex-direction:column;height:100dvh;max-height:100dvh}.notification-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.notification-item{grid-template-columns:40px minmax(0,1fr);align-items:start}.notification-item>div{min-width:0}.notification-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.notification-title b,.notification-item p{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.notification-item p{line-height:1.45;margin-top:5px}.notification-footer{position:sticky;bottom:0;background:#fff;padding-bottom:max(18px,env(safe-area-inset-bottom))}.notification-badge{transition:transform .18s ease,opacity .18s ease}.notification-badge.is-hidden{opacity:0;transform:scale(.65);pointer-events:none}
.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.app-shell{min-height:100dvh}.install-banner img,.pay-brand img,.bank-balance-card img,.wallet-hero img,.sidebar-account img{object-fit:contain}
@media(max-width:900px){.app-shell{display:block}.main{grid-column:auto;width:100%;max-width:100vw}.topbar{height:82px;padding:0 18px;gap:12px}.top-title{min-width:0}.top-title h1{font-size:clamp(18px,5vw,24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{gap:8px}.balance-pill,.top-actions>.avatar{display:none}.content{width:100%;max-width:none;padding:18px 14px calc(88px + env(safe-area-inset-bottom));min-height:calc(100dvh - 82px)}.card{border-radius:24px;padding:18px}.report-card{padding:16px;border-radius:24px}.report-toolbar{display:flex;align-items:flex-start;justify-content:space-between}.report-toolbar>div:first-child{min-width:0}.report-toolbar .section-kicker{font-size:10px}.report-toolbar h2{font-size:27px;margin:7px 0}.report-toolbar p{font-size:13px;margin:0}.compact-action{width:42px;min-width:42px;height:42px;padding:0}.compact-action span{display:none}.report-filters{margin:18px 0 12px}.report-table,.report-table tbody,.report-table tr,.report-table td{display:block;width:100%}.report-table thead{display:none}.report-table tbody{display:grid;gap:12px}.report-table tr{border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(20,45,80,.05)}.report-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:8px 0;border:0;text-align:left;min-width:0}.report-table td::before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8793a5}.report-table td>*{min-width:0}.report-table td[data-label="Message"] .message-preview{white-space:normal;overflow-wrap:anywhere}.report-table td[data-label="Details"]{grid-template-columns:1fr}.report-table td[data-label="Details"]::before{margin-bottom:2px}.report-table td[data-label="Units"]{padding-bottom:0}.failure-reason{padding:12px;border-radius:14px}.notification-drawer{width:min(100vw,430px)}.notification-head{padding:24px 20px 18px}.notification-tools{padding:12px 20px}.notification-item{padding:15px 20px}.notification-footer{padding-left:20px;padding-right:20px}.performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.performance-grid>a{padding:16px 12px;border-radius:20px;min-width:0}.performance-grid strong{font-size:28px}.performance-grid span,.performance-grid small{white-space:normal}.dashboard-grid,.page-grid{grid-template-columns:1fr}}
@media(max-width:560px){.content{padding-left:12px;padding-right:12px}.topbar{padding-left:14px;padding-right:14px}.menu-btn,.icon-btn{width:46px;height:46px;border-radius:15px}.performance-grid{grid-template-columns:1fr 1fr}.performance-grid>a:first-child{grid-column:1/-1}.report-toolbar{gap:10px}.report-actions{gap:6px}.report-table td{grid-template-columns:82px minmax(0,1fr)}.notification-title{grid-template-columns:1fr}.notification-title time{justify-self:start}}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.topbar{top:env(safe-area-inset-top)}}
@media(max-width:900px){.content{min-height:auto}.report-card{margin-bottom:0}.bottom-nav+*{margin-bottom:0}}

/* Premium recharge page */
.wallet-stack{display:grid;gap:18px;max-width:1120px;margin:0 auto}.premium-wallet-balance{min-height:210px;align-items:center;padding:30px 34px;box-shadow:0 24px 60px rgba(12,61,133,.22);position:relative;overflow:hidden}.premium-wallet-balance:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-80px;bottom:-150px}.wallet-balance-copy{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.wallet-balance-copy small{font-size:14px;color:rgba(255,255,255,.82)}.wallet-balance-copy strong{font-size:52px;line-height:1;color:#fff}.wallet-balance-copy span{font-size:18px;color:#fff;font-weight:700;margin-top:8px}.wallet-balance-copy em{font-style:normal;font-size:12px;color:rgba(255,255,255,.72)}.wallet-brand-mark{position:relative;z-index:1}.wallet-brand-mark img{width:72px;height:72px;padding:8px;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.16)}.premium-recharge-card{padding:26px 28px}.recharge-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.recharge-heading h3{font-size:25px}.recharge-heading p{margin:4px 0 0;color:#748093}.secure-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#e9f8f0;color:#188657;font-size:11px;font-weight:800}.recharge-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recharge-form label{margin:0}.input-shell{display:flex;align-items:center;border:1px solid #dbe2ec;background:#fbfcfe;border-radius:14px;margin-top:7px;overflow:hidden}.input-shell span{padding:0 14px;color:#687589;font-size:11px;font-weight:800;border-right:1px solid #e2e7ef}.input-shell input{border:0!important;background:transparent!important;margin:0!important;box-shadow:none!important;min-width:0;flex:1}.quick-amounts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.quick-amounts button{border:1px solid #dce5f1;background:#fff;color:#0b61d8;border-radius:999px;padding:8px 15px;font-weight:800;font-size:12px}.quick-amounts button:active{transform:scale(.97)}.recharge-submit,.payment-note{grid-column:1/-1}.transactions-card{padding:0;overflow:hidden}.transactions-heading{padding:24px 26px 17px;border-bottom:1px solid #edf0f5}.section-eyebrow{display:block;color:#0b61d8;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;margin-bottom:5px}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 24px;border-bottom:1px solid #edf0f5}.transaction-item:last-child{border-bottom:0}.transaction-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#edf4ff;color:#0b61d8;font-weight:900}.transaction-icon.completed{background:#e8f8ef;color:#188657}.transaction-icon.failed{background:#fff0f1;color:#c44755}.transaction-copy{min-width:0}.transaction-copy>div{display:flex;align-items:center;gap:8px;min-width:0}.transaction-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-copy small{display:block;color:#7d8999;font-size:11px;margin:4px 0}.transaction-copy code{display:block;color:#8d98a8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-item>b{font-size:14px;white-space:nowrap}.transaction-empty{padding:34px}
@media(max-width:720px){.wallet-stack{gap:12px}.premium-wallet-balance{min-height:178px;padding:24px 22px;border-radius:22px}.wallet-balance-copy strong{font-size:43px}.wallet-balance-copy span{font-size:15px}.wallet-brand-mark img{width:58px;height:58px;border-radius:18px}.premium-recharge-card{padding:20px 18px;border-radius:20px}.recharge-heading h3{font-size:22px}.recharge-heading p{font-size:12px;line-height:1.45}.recharge-form{grid-template-columns:1fr;gap:14px}.quick-amounts,.recharge-submit,.payment-note{grid-column:1}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr)}.quick-amounts button{padding:8px 4px}.transactions-heading{padding:20px 18px 14px}.transaction-item{grid-template-columns:38px minmax(0,1fr);padding:15px 17px;gap:11px}.transaction-icon{width:38px;height:38px;border-radius:12px}.transaction-item>b{grid-column:2;justify-self:start;margin-top:-3px;color:#172238}.transaction-copy>div{align-items:flex-start}.transaction-copy strong{white-space:normal;line-height:1.3}.transaction-copy .status{flex:0 0 auto}.content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}

/* Recharge and provider balance refinement */
.wallet-stack{max-width:1120px;margin:0 auto;display:grid;gap:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
.premium-wallet-balance{margin:0;min-height:210px;padding:30px;border-radius:30px;box-shadow:0 22px 55px rgba(14,64,143,.22)}
.premium-recharge-card{padding:28px;border-radius:28px;overflow:hidden}
.recharge-heading{align-items:flex-start;gap:18px}.recharge-heading h3{font-size:clamp(1.45rem,4vw,2rem);margin:6px 0 7px}.recharge-heading p{max-width:620px}
.secure-chip{white-space:nowrap;background:#eaf8f1;color:#13865f;border:1px solid #cdeedf;padding:9px 12px;border-radius:999px;font-size:.78rem;font-weight:800}
.recharge-form{display:grid;gap:16px;margin-top:22px}.recharge-form label{font-weight:750;color:#132139}.recharge-form .input-shell{margin-top:8px;min-height:58px;border-radius:16px;background:#f8faff;border:1px solid #dce4f0;box-shadow:0 7px 18px rgba(18,45,85,.04)}
.recharge-form .input-shell:focus-within{border-color:#1769d6;box-shadow:0 0 0 4px rgba(23,105,214,.1)}
.country-prefix{display:grid;place-items:center;min-width:54px;height:38px;border-radius:11px;background:#e9f2ff;color:#1264cc;font-weight:900;letter-spacing:.06em}
.field-help{display:block;margin-top:7px;color:#7a8798;font-weight:500;line-height:1.45}
.quick-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-amounts button{min-height:44px;border-radius:13px;border:1px solid #dbe4f0;background:#fff;color:#1a2d49;font-weight:800}.quick-amounts button:active{transform:scale(.98);background:#edf5ff}
.purchase-preview{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;padding:15px 17px;border-radius:16px;background:linear-gradient(135deg,#f0f6ff,#f8fbff);border:1px solid #dce9fa}.purchase-preview span{color:#617086}.purchase-preview strong{color:#0f63ce;font-size:1.05rem}.purchase-preview small{width:100%;color:#7b8797}
.recharge-submit{min-height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem}.recharge-submit b{font-size:1.2rem}
.transactions-card{border-radius:28px;padding:25px}.transaction-list{display:grid;gap:10px}.transaction-item{border:1px solid #e2e8f1;border-radius:18px;background:#fff;padding:16px;min-width:0}.transaction-copy,.transaction-copy div{min-width:0}.transaction-copy strong,.transaction-copy code{overflow-wrap:anywhere}
.provider-balance-chip{min-width:225px;padding:14px 17px;border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 30px rgba(9,40,86,.12);display:flex;flex-direction:column;gap:2px}.provider-balance-chip span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#66758a;font-weight:800}.provider-balance-chip strong{font-size:1.2rem;color:#0e315f}.provider-balance-chip small{font-size:.73rem;color:#17845f}.provider-balance-chip.offline small{color:#c6444e}
@media(max-width:700px){.wallet-stack{gap:14px;width:100%;padding-inline:0}.premium-wallet-balance{border-radius:25px;padding:25px 22px;min-height:190px}.premium-recharge-card,.transactions-card{border-radius:24px;padding:20px 18px}.recharge-heading{display:flex}.recharge-heading .secure-chip{font-size:0;width:36px;height:36px;padding:0;display:grid;place-items:center}.recharge-heading .secure-chip::first-letter{font-size:.9rem}.quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-item{grid-template-columns:auto minmax(0,1fr);position:relative;padding-bottom:46px}.transaction-item>b{position:absolute;right:15px;bottom:14px}.provider-balance-chip{width:100%;min-width:0}}

/* 2026 international UI refinement */
:root{--navy:#10243e;--navy2:#17365b;--gold:#1769d2;--gold2:#438be5;--cream:#f5f7fa;--paper:#fff;--text:#172033;--muted:#6f7b8c;--line:#e5eaf0;--green:#16835f;--red:#c94755;--shadow:0 12px 34px rgba(25,43,70,.07);--radius:16px}
body{background:#f5f7fa;font-size:14px;line-height:1.5;color:var(--text)}
body.no-scroll{overflow:hidden}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:650}
.btn{min-height:42px;padding:10px 16px;border-radius:11px;font-size:13px;font-weight:650;box-shadow:none;transition:.18s ease;background:#1769d2}
.btn:hover{filter:none;background:#125dbd;transform:none}
.btn.ghost{background:#fff;border:1px solid #d8e0eb;color:#27364b}
.btn.ghost:hover{border-color:#aebdce;background:#f8fafc}
.btn.big{padding:11px 18px}.small-btn{padding:7px 11px;min-height:36px;border-radius:9px;font-size:12px}
input,textarea,select{border:1px solid #dce3eb;background:#fff;border-radius:10px;padding:11px 12px;font-size:13px;min-height:42px}
textarea{line-height:1.55}input:focus,textarea:focus,select:focus{border-color:#6a9ddb;box-shadow:0 0 0 3px rgba(23,105,210,.09)}
label{font-size:12px;font-weight:600;gap:6px;color:#38455a}.field-hint,label small{font-size:11px;color:#7d8897;font-weight:400}
.card{border:1px solid #e4e9ef;border-radius:15px;padding:20px;box-shadow:0 5px 18px rgba(20,38,64,.035)}
.card-head{margin-bottom:16px}.card-head h3,.card h3{font-size:15px;font-weight:650}.card-head p{font-size:12px;margin-top:4px}
.status{font-size:10px;padding:5px 8px;border-radius:999px;font-weight:650}
.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:#1769d2}

/* Public website */
.landing{min-height:100vh;background:#fff}.public-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 24px;border-bottom:1px solid #edf0f4;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);z-index:60}
.public-brand{display:flex;align-items:center;gap:10px}.public-brand img{width:34px;height:34px;border-radius:9px}.public-brand span,.public-brand strong,.public-brand small{display:block}.public-brand strong{font-size:14px;letter-spacing:-.01em}.public-brand small{font-size:10px;color:#7b8796;margin-top:1px;font-weight:450}.public-nav{display:flex;align-items:center;gap:22px}.public-nav>a{font-size:12px;color:#4d5a6d;font-weight:550}.public-nav>a:hover{color:#1769d2}.public-nav .public-login{padding:9px 2px}.public-nav .public-signup{color:#fff;padding:9px 15px;min-height:38px}
.public-main{overflow:hidden}.hero{max-width:1200px;margin:auto;padding:92px 24px 96px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:80px;align-items:center}.hero-copy h1{font-size:clamp(42px,5.4vw,68px);line-height:1.04;letter-spacing:-.048em;margin:16px 0 20px;max-width:720px;font-weight:650}.hero-copy>p{font-size:17px;line-height:1.7;color:#667386;max-width:650px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:28px}.trust-row{display:flex;gap:20px;margin-top:34px;flex-wrap:wrap}.trust-row span{font-size:11px;color:#647184;position:relative;padding-left:17px}.trust-row span:before{content:'✓';position:absolute;left:0;color:#16835f;font-weight:700}
.product-preview{border:1px solid #e1e7ee;border-radius:22px;background:#fff;padding:18px;box-shadow:0 30px 70px rgba(24,45,75,.11);position:relative}.product-preview:before{content:'';position:absolute;inset:-40px -60px auto auto;width:170px;height:170px;background:#eaf3ff;border-radius:50%;z-index:-1}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#344156;font-size:12px;font-weight:600}.preview-top small{font-size:10px;background:#eaf8f1;color:#16835f;padding:5px 8px;border-radius:999px}.preview-balance{background:#17365b;color:#fff;border-radius:15px;padding:20px}.preview-balance small,.preview-balance strong,.preview-balance span{display:block}.preview-balance small{font-size:10px;color:#c6d4e2}.preview-balance strong{font-size:26px;margin:5px 0 3px;font-weight:600}.preview-balance span{font-size:10px;color:#adc0d2}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}.preview-metrics article{border:1px solid #e8ecf1;border-radius:12px;padding:13px}.preview-metrics small,.preview-metrics strong{display:block}.preview-metrics small{font-size:9px;color:#7c8795}.preview-metrics strong{font-size:16px;margin-top:4px}.preview-list{border:1px solid #e8ecf1;border-radius:12px;padding:4px 14px}.preview-list div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4;font-size:11px}.preview-list div:last-child{border:0}.preview-list b{font-size:9px;color:#16835f;background:#eaf8f1;padding:4px 7px;border-radius:999px}
.features-section{background:#f7f9fb;padding:84px 24px}.section-heading{max-width:650px;text-align:center;margin:0 auto 36px}.section-heading h2{font-size:32px;letter-spacing:-.03em;margin:10px 0 10px}.section-heading p{color:#707c8d;margin:0;font-size:14px}.features{max-width:1120px;margin:auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features article{background:#fff;border:1px solid #e5eaf0;border-radius:15px;padding:24px;box-shadow:none}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#edf4fd;color:#1769d2;font-size:10px;font-weight:700}.features h3{font-size:15px;margin:16px 0 7px}.features p{font-size:12px;line-height:1.65;color:#707b8b;margin:0}
.pricing{max-width:960px;margin:84px auto;padding:0 24px;background:transparent;border-radius:0;box-shadow:none;text-align:left}.pricing .section-heading{text-align:center}.pricing .table-wrap{border:1px solid #e2e7ed;border-radius:14px;overflow:hidden;background:#fff}.pricing table th,.pricing table td{padding:14px 18px;font-size:12px}.pricing table th{background:#f7f9fb;color:#59667a;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.sender-price{gap:12px}.sender-price>div{background:#f8fafc;border:1px solid #e4e9ef;border-radius:13px;padding:18px}.sender-price small{font-size:10px;color:#7b8796}.sender-price strong{font-size:20px;margin:4px 0}.sender-price span{font-size:10px;color:#687487}.provider-note{margin-top:14px;border:1px solid #e1e7ee;background:#fff;border-radius:13px;padding:16px;display:grid;gap:4px}.provider-note b{font-size:12px}.provider-note span{font-size:11px;line-height:1.6;color:#727e8e}
.public-footer{border-top:1px solid #e8edf2;background:#f8fafc;padding:34px max(24px,calc((100% - 1152px)/2));display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.public-footer p{font-size:11px;color:#768293;margin:11px 0 0}.footer-links{display:flex;gap:20px}.footer-links a{font-size:11px;color:#59667a}.public-footer>small{grid-column:1/-1;border-top:1px solid #e3e8ee;padding-top:18px;color:#8893a1;font-size:10px}.footer-brand img{width:30px;height:30px}

/* Authentication */
.auth-page{min-height:100vh;background:#f6f8fb;display:block}.auth-top{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.auth-top>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#7b8796}.auth-top>div a{font-weight:650;color:#1769d2}.auth-main{max-width:1040px;margin:18px auto 54px;padding:0 24px;display:grid;grid-template-columns:minmax(0,520px) minmax(340px,1fr);border:1px solid #e2e7ed;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(23,42,70,.08)}.auth-panel{padding:42px 50px;display:block}.auth-logo{display:flex;justify-content:center;margin-bottom:18px}.auth-logo img{width:58px;height:58px;border-radius:15px;box-shadow:0 10px 25px rgba(20,64,120,.14)}.auth-heading{text-align:center;margin-bottom:24px}.auth-heading h1{font-size:25px;letter-spacing:-.025em;margin:0 0 6px}.auth-heading p{font-size:12px;color:#758193;margin:0}.auth-form{display:grid;gap:13px}.auth-form .btn{margin-top:4px}.password-field{position:relative}.password-field input{padding-right:60px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#1769d2;font-size:10px;font-weight:650;padding:7px}.remember-row{display:block}.remember-row span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500}.remember-row input{width:15px;height:15px;min-height:0;margin:0}.auth-switch{text-align:center;margin:18px 0 0;font-size:11px;color:#788496}.auth-switch a{color:#1769d2;font-weight:650}.auth-aside{background:linear-gradient(145deg,#132e4d,#1d4674);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-aside .eyebrow{color:#8dbaf2}.auth-aside h2{font-size:30px;line-height:1.18;letter-spacing:-.03em;margin:13px 0 14px}.auth-aside>p{font-size:13px;line-height:1.7;color:#c5d4e4;margin:0}.auth-points{display:grid;gap:10px;margin-top:28px}.auth-points span{font-size:11px;color:#dce7f2;padding-left:18px;position:relative}.auth-points span:before{content:'✓';position:absolute;left:0;color:#70d5aa}

/* App shell */
.app-shell{grid-template-columns:246px 1fr}.sidebar{width:246px;background:#13273f;padding:18px 14px}.sidebar-account{padding:2px 6px 16px}.sidebar-account img{width:36px;height:36px;border-radius:10px}.sidebar-account strong{font-size:12px}.sidebar-account small,.sidebar-account span{font-size:9px}.sidebar nav{gap:2px}.sidebar nav a{min-height:40px;padding:9px 11px;border-radius:9px;gap:11px;font-size:12px;font-weight:500}.sidebar nav a i{font-style:normal;width:18px;text-align:center;font-size:14px;opacity:.85}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.075)}.sidebar nav a.active{box-shadow:inset 2px 0 0 #5d9fea}.nav-label{font-size:8px;letter-spacing:.12em;color:#8192a5;margin:14px 10px 5px}.sidebar-powered{font-size:9px;color:#8190a1;padding:12px 10px}.logout{padding:11px;color:#b9c5d1;font-size:11px}.main{grid-column:2}.topbar{height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid #e5eaf0;padding:0 22px}.topbar h1{font-size:15px;font-weight:650}.top-actions{gap:8px}.icon-btn,.menu-btn{width:36px;height:36px;border-radius:9px}.icon-btn svg,.menu-btn svg{width:17px;height:17px}.balance-pill{padding:7px 10px;border-radius:9px}.balance-pill small{font-size:8px}.balance-pill b{font-size:11px}.avatar.small{width:34px;height:34px;font-size:11px}.content{padding:22px;max-width:1420px}.welcome{margin-bottom:18px}.welcome h2{font-size:25px;margin:4px 0}.welcome p{font-size:12px}.metric-grid{gap:12px;margin-bottom:16px}.metric{border-radius:14px;padding:17px;box-shadow:none}.metric small{font-size:10px}.metric strong{font-size:22px;margin:8px 0 5px}.metric span,.metric a{font-size:10px}.dashboard-grid,.page-grid{gap:15px}.page-grid{grid-template-columns:minmax(0,1fr) 330px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}.quick>a{padding:13px 0}.quick>a>b{width:34px;height:34px;border-radius:9px;font-size:12px}.quick>a>span{font-size:12px}.quick small{font-size:10px}.form-grid{gap:12px}.message-meta{font-size:10px}.calculator>div{padding:12px 0}.calculator .total strong{font-size:18px}.table-wrap table th{font-size:9px;letter-spacing:.05em}.table-wrap table td{font-size:11px}.table-wrap table th,.table-wrap table td{padding:12px 13px}.empty{font-size:11px}.admin-hero{border-radius:16px;padding:22px}.admin-hero h2{font-size:25px}.admin-hero p{font-size:12px}.provider-balance-chip{min-width:205px;padding:12px 14px;border-radius:12px}.provider-balance-chip strong{font-size:16px}.premium-wallet-balance{min-height:165px;padding:24px;border-radius:17px}.wallet-balance-copy strong{font-size:35px}.wallet-balance-copy span{font-size:13px}.wallet-brand-mark img{width:54px;height:54px;border-radius:14px}.premium-recharge-card,.transactions-card{border-radius:16px;padding:20px}.recharge-heading h3{font-size:19px}.recharge-heading p{font-size:11px}.secure-chip{font-size:10px;padding:7px 9px}.recharge-form .input-shell{min-height:48px;border-radius:10px}.quick-amounts button{min-height:38px;border-radius:9px;font-size:11px}.recharge-submit{min-height:46px;border-radius:10px;font-size:13px}.transaction-item{border-radius:12px;padding:13px}.transaction-icon{width:34px;height:34px;border-radius:9px}.transaction-copy strong,.transaction-item>b{font-size:11px}.transaction-copy small,.transaction-copy code{font-size:9px}

/* Bottom navigation */
.bottom-nav{display:none}

/* Overlay components */
.vz-loader-card,.vz-modal-card{border-radius:16px;padding:24px;box-shadow:0 24px 70px rgba(19,39,65,.18)}.vz-logo-loader img{width:48px;height:48px;border-radius:13px}.vz-loader-card strong,.vz-modal-card h3{font-size:15px}.vz-loader-card span,.vz-modal-card p{font-size:11px}.toast{font-size:11px;border-radius:10px;padding:11px 14px}.notification-drawer{width:min(100vw,390px)}.notification-head{padding:20px}.notification-head h2{font-size:18px}.notification-item{padding:13px 18px}.notification-type{width:32px;height:32px;font-size:12px}.notification-title b{font-size:11px}.notification-title time,.notification-item p{font-size:9px}

@media(max-width:960px){.hero{grid-template-columns:1fr;gap:48px;padding-top:66px}.product-preview{max-width:620px;width:100%;margin:auto}.features{grid-template-columns:1fr}.auth-main{grid-template-columns:1fr;max-width:560px}.auth-aside{display:none}.auth-panel{padding:38px 42px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s ease}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:grid;place-items:center}.content{padding-bottom:82px}.bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:60px;background:rgba(255,255,255,.97);border:1px solid #dfe5ec;border-radius:17px;box-shadow:0 14px 40px rgba(18,38,64,.14);display:grid;grid-template-columns:repeat(5,1fr);padding:5px;z-index:40;backdrop-filter:blur(18px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7a8796;font-size:8px;font-weight:550;border-radius:11px}.bottom-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a.active{background:#edf4fd;color:#1769d2}.dashboard-grid,.page-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.public-header{height:64px;padding:0 16px}.public-brand small{display:none}.public-nav>a:not(.public-login):not(.public-signup){display:none}.public-nav{gap:12px}.hero{padding:52px 17px 66px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:14px}.trust-row{gap:12px}.product-preview{padding:13px;border-radius:17px}.preview-metrics{grid-template-columns:1fr 1fr}.preview-metrics article:last-child{display:none}.features-section{padding:62px 17px}.section-heading h2{font-size:25px}.pricing{margin:62px auto;padding:0 17px}.sender-price{grid-template-columns:1fr}.public-footer{padding:28px 17px;grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.auth-top{height:62px;padding:0 17px}.auth-top>div span{display:none}.auth-main{margin:8px 12px 30px;padding:0;border-radius:17px}.auth-panel{padding:28px 20px}.auth-logo img{width:52px;height:52px}.auth-heading h1{font-size:22px}.content{padding:16px 12px 82px}.topbar{padding:0 13px;height:62px}.balance-pill{display:none}.metric-grid{gap:9px}.metric{padding:14px}.metric strong{font-size:19px}.form-grid{grid-template-columns:1fr}.card{padding:16px;border-radius:13px}.welcome{align-items:flex-start;gap:10px}.welcome h2{font-size:22px}.admin-hero{padding:18px}.admin-hero h2{font-size:21px}.provider-balance-chip{width:100%;min-width:0}.premium-wallet-balance{min-height:150px;padding:20px}.wallet-balance-copy strong{font-size:30px}.wallet-brand-mark img{width:46px;height:46px}.premium-recharge-card,.transactions-card{padding:17px}.recharge-heading{gap:10px}.quick-amounts{grid-template-columns:repeat(2,1fr)}}

/* 2026 operations upgrade */
.content{width:100%;max-width:none;margin:0 auto;padding:24px 28px 92px}.main{min-width:0}.app-shell{min-height:100vh}.advanced-admin-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:24px;background:linear-gradient(135deg,#112a46,#173e66);border:0;box-shadow:0 18px 45px rgba(17,42,70,.14)}.provider-balance-chip{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff}.provider-balance-chip span,.provider-balance-chip small{color:#d7e5f2}.provider-refresh{margin-top:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:8px 10px;font-size:10px;cursor:pointer}.provider-refresh:hover{background:rgba(255,255,255,.16)}.admin-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.admin-metric-grid article,.sender-metric-grid article{background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:17px;min-width:0}.admin-metric-grid small,.sender-metric-grid span{display:block;color:#748194;font-size:10px}.admin-metric-grid strong,.sender-metric-grid strong{display:block;font-size:22px;line-height:1.1;margin:8px 0;color:#13273f;font-weight:700}.admin-metric-grid span,.sender-metric-grid small{color:#8a95a3;font-size:9px}.admin-insight-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:15px;margin-bottom:16px}.performance-bars{display:grid;gap:17px;padding-top:8px}.performance-bars>div>span{display:flex;justify-content:space-between;font-size:11px;color:#5c6877}.performance-bars i{display:block;height:8px;background:#edf1f5;border-radius:99px;overflow:hidden;margin-top:7px}.performance-bars em{display:block;height:100%;background:#26a269;border-radius:99px}.performance-bars em.failed{background:#d94d4d}.performance-bars em.pending{background:#d9a42e}.capacity-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.capacity-figures div{border:1px solid #e4e9ef;background:#f8fafc;border-radius:11px;padding:13px}.capacity-figures span{display:block;font-size:9px;color:#7a8797}.capacity-figures strong{display:block;margin-top:5px;font-size:13px;color:#172b43}.capacity-note{display:block;margin-top:13px;color:#7b8796;font-size:9px;line-height:1.6}.admin-client-card{margin-bottom:16px}.sender-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.sender-page-head h2{font-size:24px;margin:4px 0 5px;letter-spacing:-.025em}.sender-page-head p{font-size:11px;color:#738092;margin:0}.sender-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.sender-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.sender-list-card{min-height:420px}.sender-application{position:sticky;top:84px}.sender-application form{display:grid;gap:13px}.sender-note{border:1px solid #dce6f1;background:#f6f9fc;border-radius:11px;padding:12px;display:grid;gap:4px}.sender-note b{font-size:10px;color:#1e3957}.sender-note span{font-size:9px;line-height:1.55;color:#6f7c8c}.sender-value{letter-spacing:.08em;color:#163b63}.status.submitted{background:#fff5d9;color:#8d6500}.status.approved{background:#e6f6ee;color:#1b7c4d}.status.rejected{background:#fdeaea;color:#a73434}.sidebar nav a.active{background:rgba(255,255,255,.09)}
@media(max-width:1180px){.admin-metric-grid{grid-template-columns:repeat(3,1fr)}.sender-layout{grid-template-columns:1fr}.sender-application{position:static}.admin-insight-grid{grid-template-columns:1fr}}
@media(max-width:960px){.content{padding:18px 16px 88px}.advanced-admin-hero{grid-template-columns:1fr}.admin-metric-grid{grid-template-columns:repeat(2,1fr)}.sender-metric-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{left:0;right:0;bottom:0;width:100%;height:66px;border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));box-shadow:0 -10px 28px rgba(18,38,64,.12)}.bottom-nav a{border-radius:10px}.topbar{position:sticky;top:0;z-index:35}.sidebar{height:100dvh}.sidebar-backdrop.open{position:fixed;inset:0;background:rgba(7,18,31,.54);z-index:70}.sidebar.open{z-index:80}}
@media(max-width:680px){.content{padding:14px 12px 84px}.admin-metric-grid{grid-template-columns:1fr 1fr}.admin-metric-grid article:nth-child(3),.admin-metric-grid article:nth-child(4),.admin-metric-grid article:nth-child(5){grid-column:auto}.capacity-figures{grid-template-columns:1fr}.sender-page-head{align-items:flex-start;flex-direction:column}.sender-page-head .btn{width:100%;text-align:center}.sender-metric-grid{grid-template-columns:1fr 1fr}.sender-layout .card{padding:14px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.advanced-admin-hero{padding:18px}.provider-balance-chip{width:100%;min-width:0}}


/* 2026 clean live-provider refinement */
.sidebar{width:264px;background:#10273a;box-shadow:8px 0 30px rgba(8,24,38,.12)}
.main{margin-left:264px;width:calc(100% - 264px)}
.sidebar-account{padding:18px 16px 14px;gap:11px}
.sidebar-account img{width:42px;height:42px;border-radius:13px}
.sidebar-account strong{font-size:14px;font-weight:680;line-height:1.25}
.sidebar-account small{font-size:10px;opacity:.72;margin-top:2px}
.sidebar-account span{font-size:10px;margin-top:5px;color:#9fd4ff}
.sidebar nav{padding:6px 10px 90px;gap:2px}
.sidebar nav .nav-label{font-size:9px;letter-spacing:.12em;margin:13px 10px 5px;opacity:.62}
.sidebar nav a{min-height:40px;padding:9px 11px;border-radius:10px;font-size:12px;font-weight:560;gap:10px}
.sidebar nav a i{width:20px;font-size:15px}
.sidebar nav a.active{background:#173b57;color:#fff;box-shadow:none}
.sidebar nav a.active:before{width:3px;border-radius:0 4px 4px 0}
.sidebar-powered{font-size:9px;padding:10px 18px;opacity:.64}
.logout{margin:0 12px 12px;min-height:42px;border-radius:10px;font-size:12px;background:rgba(255,255,255,.06)}
.topbar{height:66px;padding:0 20px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5eaf0;box-shadow:none}
.top-title h1{font-size:15px;font-weight:650;letter-spacing:-.01em}
.balance-pill{border-radius:10px;padding:7px 11px;background:#f5f8fb;border:1px solid #e1e7ee;box-shadow:none}
.balance-pill small{font-size:8px}.balance-pill b{font-size:11px}
.content{max-width:1560px;padding:20px 22px 88px;background:#f3f6f9}
.card{border:1px solid #e1e7ed;box-shadow:0 8px 24px rgba(18,38,64,.045)}
.admin-hero.advanced-admin-hero{background:#102d46;border-radius:16px;padding:22px;box-shadow:0 12px 32px rgba(17,42,70,.12)}
.admin-hero h2{font-size:24px;font-weight:680;letter-spacing:-.025em}.admin-hero p{font-size:11px;max-width:680px}
.admin-metric-grid article,.sender-metric-grid article{border-radius:12px;padding:15px;box-shadow:none}
.admin-metric-grid strong,.sender-metric-grid strong{font-size:20px;font-weight:680}
.provider-balance-chip{border-radius:12px;padding:14px}.provider-balance-chip strong{font-size:18px}.provider-refresh{border-radius:8px;font-size:9px}
.bottom-nav{box-sizing:border-box}
@media(max-width:960px){
 .sidebar{width:min(82vw,304px)}.main{margin-left:0;width:100%}
 .sidebar-account{padding:16px 14px 12px}.sidebar-account img{width:40px;height:40px}
 .sidebar nav{padding:4px 9px 86px}.sidebar nav a{min-height:39px;font-size:12px;padding:8px 10px}
 .content{width:100%;max-width:none;padding:14px 12px calc(78px + env(safe-area-inset-bottom))}
 .bottom-nav{left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:none!important;height:calc(64px + env(safe-area-inset-bottom));border-radius:0!important;margin:0!important;padding:5px 8px env(safe-area-inset-bottom)!important;background:#fff!important}
 .bottom-nav a{min-width:0;font-size:9px}.bottom-nav a svg{width:19px;height:19px}
}
@media(max-width:680px){
 .topbar{height:60px;padding:0 12px}.top-title h1{font-size:14px}.icon-btn,.menu-btn{width:38px;height:38px}
 .admin-metric-grid{gap:9px}.admin-metric-grid article{padding:13px}.admin-metric-grid strong{font-size:18px}
 .advanced-admin-hero{padding:16px!important}.admin-hero h2{font-size:20px}.provider-balance-chip{padding:12px}
 .card{border-radius:12px;padding:14px}.table-wrap{margin-left:0;margin-right:0}
}


/* Final mobile reliability and provider balance refinements */
.provider-dashboard-refresh{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:10px 14px;font-size:11px;font-weight:700;cursor:pointer}.provider-main-balance .balance-card-bottom{align-items:center}.provider-main-balance .balance-card-bottom b{font-variant-numeric:tabular-nums}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .content{max-width:100vw;overflow-x:hidden}
  .report-card{width:100%;max-width:100%;overflow:hidden}
  .report-table-wrap{width:100%;max-width:100%;overflow:visible!important}
  .report-table,.report-table tbody{width:100%;max-width:100%;min-width:0!important}
  .report-table tr{width:100%;max-width:100%;min-width:0;overflow:hidden}
  .report-table td{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(70px,86px) minmax(0,1fr)!important}
  .report-table td[data-label="Details"],.report-table td[data-label="Message"]{grid-template-columns:1fr!important}
  .report-table td::before,.report-table td>*{min-width:0;max-width:100%}
  .recipient-number,.message-preview,.failure-reason,.failure-reason span,.delivery-note{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
  .failure-reason{width:100%;box-sizing:border-box}
}
@media(max-width:560px){
  .report-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .report-toolbar p{max-width:100%;overflow-wrap:anywhere}
  .report-actions{align-self:start}
  .report-filters{grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}
  .report-filters a{min-width:0;white-space:normal;line-height:1.2}
  .report-table td{display:block!important;padding:9px 0!important}
  .report-table td::before{margin-bottom:5px}
  .provider-main-balance .balance-card-bottom{gap:12px;flex-wrap:wrap}
  .provider-dashboard-refresh{width:100%}
}

/* 2026 enterprise public website and workspace refinement */
.enterprise-landing{background:#eef3ff;color:#17191f;overflow:hidden}.enterprise-header{height:84px;max-width:none;padding:0 clamp(24px,5vw,76px);background:#eef3ff;border-bottom:1px solid rgba(25,35,55,.08);position:relative}.enterprise-header .public-brand strong{font-size:20px}.enterprise-nav{gap:30px}.enterprise-nav>a{font-size:13px;font-weight:560}.public-menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px}.public-menu-toggle span{display:block;height:2px;background:#17191f;margin:5px 0;border-radius:2px}.enterprise-hero{min-height:720px;padding:95px clamp(24px,5vw,76px) 80px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center;max-width:1540px;margin:auto}.enterprise-hero-copy h1{font-size:clamp(52px,6.3vw,94px);line-height:.98;letter-spacing:-.055em;font-weight:520;max-width:850px;margin:18px 0 28px}.enterprise-hero-copy>p{font-size:19px;line-height:1.65;max-width:720px;color:#4f5868}.hero-primary{background:#ff6427;border-color:#ff6427;min-height:56px;padding:0 28px}.hero-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:650}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px;padding-top:30px;border-top:1px solid rgba(25,35,55,.12)}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:18px}.hero-proof span{font-size:12px;color:#677184;margin-top:4px}.enterprise-visual{position:relative;min-height:520px;display:grid;place-items:center}.visual-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#b9d3ff 0,#dce8ff 44%,transparent 70%)}.message-console{position:relative;width:min(100%,560px);background:#111827;color:#fff;border-radius:32px;padding:30px;box-shadow:0 35px 90px rgba(20,32,60,.25);transform:rotate(-2deg)}.console-head,.console-stats{display:flex;justify-content:space-between;align-items:center}.console-head span{font-size:13px;color:#b7c2d4}.console-head b{font-size:10px;background:#193c2b;color:#83e2af;padding:7px 10px;border-radius:999px}.console-number{padding:36px 0 24px}.console-number small,.console-number span{display:block;color:#9ba8ba}.console-number strong{display:block;font-size:52px;margin:6px 0}.console-chart{height:150px;display:flex;align-items:end;gap:10px;padding:18px 0}.console-chart i{flex:1;background:linear-gradient(180deg,#6aa5ff,#2867d8);border-radius:7px 7px 3px 3px}.console-stats{border-top:1px solid rgba(255,255,255,.1);padding-top:22px}.console-stats span,.console-stats strong{display:block}.console-stats span{font-size:10px;color:#8492a6}.console-stats strong{font-size:17px;margin-top:5px}.floating-message{position:absolute;right:-18px;bottom:28px;background:#fff;border-radius:18px;padding:16px 20px;display:flex;gap:12px;align-items:center;box-shadow:0 20px 55px rgba(26,39,68,.2);min-width:280px}.floating-message>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f8ef;color:#1c9a58}.floating-message b,.floating-message small{display:block}.floating-message b{font-size:12px}.floating-message small{font-size:10px;color:#748093;margin-top:3px}.trust-strip{max-width:1400px;margin:auto;padding:25px clamp(24px,5vw,76px);display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:20px;border-top:1px solid rgba(25,35,55,.1);border-bottom:1px solid rgba(25,35,55,.1);align-items:center}.trust-strip span{font-size:11px;color:#758092;text-transform:uppercase;letter-spacing:.12em}.trust-strip div{font-size:14px;font-weight:650;text-align:center}.enterprise-section{padding:110px clamp(24px,5vw,76px);max-width:1540px;margin:auto}.section-heading.wide{max-width:900px;margin:0 0 55px;text-align:left}.section-heading.wide h2{font-size:clamp(38px,5vw,70px);line-height:1.06;letter-spacing:-.045em;font-weight:520}.section-heading.wide p{font-size:17px;max-width:720px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe5ef;border:1px solid #dfe5ef}.benefit-grid article{background:#fff;padding:40px;min-height:280px}.benefit-no{font-size:11px;color:#ff6427;letter-spacing:.12em}.benefit-grid h3{font-size:24px;margin:70px 0 14px;letter-spacing:-.025em}.benefit-grid p{font-size:14px;line-height:1.7;color:#667184}.dark-section{max-width:none;background:#121820;color:#fff}.dark-section>.section-heading,.dark-section>.solution-tabs{max-width:1390px;margin-left:auto;margin-right:auto}.section-heading.light h2,.section-heading.light p{color:#fff}.solution-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution-tabs article{border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:30px;min-height:260px;background:rgba(255,255,255,.035)}.solution-tabs small{color:#ff8655}.solution-tabs h3{font-size:23px;margin:80px 0 12px}.solution-tabs p{color:#aeb8c8;font-size:13px;line-height:1.65}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process-line article{position:relative;padding:32px;border-top:1px solid #cfd7e4}.process-line article:before{content:"";position:absolute;top:-5px;left:32px;width:9px;height:9px;border-radius:50%;background:#ff6427}.process-line b{font-size:12px;color:#ff6427}.process-line h3{font-size:21px;margin:45px 0 10px}.process-line p{font-size:13px;color:#697486;line-height:1.6}.api-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#fff;border-radius:30px;margin-top:70px;margin-bottom:70px;padding:70px}.api-showcase h2{font-size:50px;line-height:1.08;letter-spacing:-.04em}.api-showcase p{font-size:16px;line-height:1.7;color:#687386}.api-points{display:grid;gap:11px;margin:25px 0}.api-points span:before{content:"✓";color:#178a52;margin-right:9px}.api-showcase pre{background:#101722;color:#dce7f7;border-radius:22px;padding:34px;overflow:auto;line-height:1.65;box-shadow:0 25px 60px rgba(20,30,50,.18)}.pricing-layout{display:grid;grid-template-columns:380px 1fr;gap:20px}.pricing-main,.pricing-table{background:#fff;border:1px solid #dde4ee;border-radius:22px;padding:34px}.pricing-main strong{display:block;font-size:36px;margin:10px 0}.pricing-main>span{font-size:13px;color:#748093}.pricing-main ul{padding:22px 0 18px;margin:0;list-style:none}.pricing-main li{padding:8px 0;font-size:13px}.pricing-main li:before{content:"✓";margin-right:8px;color:#1a8e58}.pricing-table table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{text-align:left;padding:18px;border-bottom:1px solid #e6ebf2;font-size:13px}.final-cta{max-width:1390px;margin:0 auto 90px;background:#ff6427;color:#fff;border-radius:28px;padding:55px;display:flex;justify-content:space-between;align-items:end;gap:30px}.final-cta h2{font-size:45px;max-width:760px;margin:10px 0 0;letter-spacing:-.04em}.final-cta>div:last-child{display:flex;gap:18px;align-items:center}.final-cta .btn{background:#fff;color:#17191f;border-color:#fff}.enterprise-footer{grid-template-columns:2fr 1fr 1fr 1fr;padding:60px clamp(24px,5vw,76px) 28px;gap:50px;background:#111820;color:#fff}.enterprise-footer>div{display:grid;align-content:start;gap:12px}.enterprise-footer>div>b{font-size:11px;color:#8f9bad;text-transform:uppercase;letter-spacing:.1em}.enterprise-footer a{color:#fff;font-size:12px}.enterprise-footer p{max-width:420px;color:#9aa6b8;line-height:1.6}.footer-copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;color:#8793a4}
/* customer workspace always displays purchased Vozua credit */
.bank-balance-card{max-width:none}.modern-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}
/* admin must feel operational, not like a customer dashboard */
body:has(.advanced-admin-hero) .content{background:#f5f7fa}.advanced-admin-hero{min-height:220px}.admin-metric-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.admin-client-card,.admin-section,.admin-insight-grid .card{box-shadow:0 8px 28px rgba(18,38,64,.05)}
@media(max-width:980px){.enterprise-hero{grid-template-columns:1fr;padding-top:60px}.enterprise-visual{min-height:430px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.solution-tabs{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr)}.api-showcase{grid-template-columns:1fr;padding:42px}.pricing-layout{grid-template-columns:1fr}.enterprise-footer{grid-template-columns:1.5fr 1fr 1fr}.enterprise-footer>div:nth-child(4){grid-column:2}.admin-metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.enterprise-header{height:72px;padding:0 20px}.public-menu-toggle{display:block}.enterprise-nav{position:fixed;inset:72px 0 0;background:#eef3ff;z-index:120;display:none;padding:28px;align-content:start}.public-menu-open .enterprise-nav{display:grid}.enterprise-nav>a{background:#fff;border-radius:18px;padding:20px;font-size:18px}.enterprise-nav .public-signup{text-align:center;background:#ff6427}.enterprise-hero{padding:58px 20px 55px;gap:30px}.enterprise-hero-copy h1{font-size:52px}.enterprise-hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{grid-template-columns:1fr;gap:15px;margin-top:35px}.enterprise-visual{min-height:390px}.message-console{padding:22px;border-radius:24px}.console-number strong{font-size:38px}.floating-message{right:0;bottom:0;min-width:240px}.trust-strip{grid-template-columns:1fr 1fr;padding:24px 20px}.trust-strip span{grid-column:1/-1}.enterprise-section{padding:72px 20px}.section-heading.wide h2{font-size:38px}.benefit-grid,.solution-tabs,.process-line{grid-template-columns:1fr}.benefit-grid article{min-height:230px;padding:28px}.benefit-grid h3{margin-top:45px}.api-showcase{margin:35px 14px;padding:28px;border-radius:22px}.api-showcase h2{font-size:34px}.api-showcase pre{font-size:11px;padding:20px}.final-cta{margin:0 14px 50px;padding:32px;display:grid}.final-cta h2{font-size:34px}.enterprise-footer{grid-template-columns:1fr;padding:44px 20px}.enterprise-footer>div:nth-child(4){grid-column:auto}.modern-dashboard{grid-template-columns:1fr}.admin-metric-grid{grid-template-columns:1fr 1fr}}

/* Strict role separation */
.top-title small{display:block;margin-top:2px;font-size:9px;font-weight:500;color:#7a8796}.admin-role .sidebar{background:#071f31}.admin-role .sidebar nav a.active{background:#0d4f73}.admin-role .sidebar-account span{color:#9bd6f4}.customer-role .sidebar-account span{color:#9fd4ff}.admin-role .content{background:#f4f7fa}.admin-role .topbar{border-bottom-color:#dce4ec}.admin-role .balance-pill{background:#eef7fb;border-color:#cde5ef}.customer-role .balance-pill small:before{content:'Purchased ';}.admin-navigation .nav-label{color:#7ba6bd}.customer-navigation .nav-label{color:#8192a5}
@media(min-width:961px){.admin-role .content{padding:26px 30px 60px}.admin-role .advanced-admin-hero{min-height:190px}.customer-role .content{max-width:1480px;padding:26px 32px 60px}.customer-role .modern-dashboard{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}}
@media(max-width:960px){.top-title small{display:none}.admin-bottom-nav a.active{background:#e9f5fa;color:#0b638e}.customer-bottom-nav a.active{background:#edf4fd;color:#1769d2}}


/* Vozua SMS final operational refinement */
.admin-role .sidebar{background:linear-gradient(180deg,#071e2f 0%,#0a2a40 100%)}
.admin-role .sidebar-account{border-bottom-color:rgba(255,255,255,.1)}
.admin-role .sidebar nav a{color:#c3d3df}.admin-role .sidebar nav a:hover{background:rgba(255,255,255,.06);color:#fff}.admin-role .sidebar nav a.active{background:linear-gradient(135deg,#0f5f89,#174c70);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.customer-role .sidebar{background:linear-gradient(180deg,#0d2133 0%,#102c44 100%)}
.admin-command-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:28px;align-items:center;background:linear-gradient(135deg,#0b2940,#123b57);color:#fff;border-radius:24px;padding:32px;margin-bottom:20px;box-shadow:0 18px 46px rgba(12,43,65,.16)}
.admin-command-copy h2{font-size:30px;letter-spacing:-.035em;margin:7px 0 8px}.admin-command-copy p{margin:0;color:#c3d3de;max-width:650px}.admin-provider-balance{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);padding:20px;border-radius:18px}.admin-provider-balance span,.admin-provider-balance small,.admin-provider-balance strong{display:block}.admin-provider-balance span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#b8cbd7}.admin-provider-balance strong{font-size:28px;margin:8px 0}.admin-provider-balance small{font-size:11px;color:#9fb5c3}.admin-provider-balance.offline strong{font-size:20px}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.admin-kpi-grid>a{background:#fff;border:1px solid #e1e8ef;border-radius:18px;padding:20px;color:#13283a;box-shadow:0 7px 24px rgba(18,45,66,.045)}.admin-kpi-grid span,.admin-kpi-grid small,.admin-kpi-grid strong{display:block}.admin-kpi-grid span{font-size:12px;color:#6d7d8b}.admin-kpi-grid strong{font-size:27px;margin:12px 0 8px;letter-spacing:-.03em}.admin-kpi-grid small{font-size:11px;color:#91a0ac}
.admin-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.compact-operations-card{padding:22px}.capacity-figures.clean{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.capacity-figures.clean>div{padding:16px;background:#f5f8fb;border-radius:13px}.capacity-figures.clean span,.capacity-figures.clean strong{display:block}.capacity-figures.clean span{font-size:10px;color:#718190}.capacity-figures.clean strong{font-size:16px;margin-top:7px}.admin-preview-list{padding:20px}.admin-list{display:grid;gap:2px}.admin-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:12px}.admin-list>a:hover{background:#f4f7fa}.admin-list b,.admin-list small{display:block}.admin-list small{font-size:10px;color:#8493a0;margin-top:3px}.admin-list>a>strong{font-size:12px}.list-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8f2fb;color:#17639a;font-weight:700}.list-avatar.sender{background:#f2ecff;color:#7351b7}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.admin-page-head h2{font-size:30px;letter-spacing:-.035em;margin:6px 0}.admin-page-head p{margin:0;color:#6d7c89}.head-stat{background:#fff;border:1px solid #e1e7ed;border-radius:16px;padding:15px 20px;min-width:150px}.head-stat span,.head-stat strong{display:block}.head-stat span{font-size:10px;color:#778794}.head-stat strong{font-size:24px;margin-top:5px}.admin-data-card{padding:0;overflow:hidden}.admin-table-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #e6ebf0}.admin-table-tools input{max-width:360px;width:100%;height:42px;border:1px solid #dce4eb;border-radius:11px;padding:0 13px}.admin-table-tools span{font-size:11px;color:#71808d}.compact-form{flex-wrap:nowrap}.purpose-cell,.message-cell{max-width:340px;white-space:normal;line-height:1.45}.health-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe7ed;padding:10px 14px;border-radius:999px;font-size:12px}.health-pill i{width:8px;height:8px;border-radius:50%;background:#df4b5c}.health-pill.online i{background:#22a366}.platform-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.platform-health-grid .card{padding:20px}.platform-health-grid span,.platform-health-grid strong,.platform-health-grid small{display:block}.platform-health-grid span{font-size:11px;color:#71818e}.platform-health-grid strong{font-size:19px;margin:12px 0}.platform-health-grid small{font-size:10px;color:#8b99a5;word-break:break-all}.endpoint-list{display:grid}.endpoint-list>div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:16px 0;border-top:1px solid #e8edf1}.endpoint-list code{word-break:break-all}
.customer-role .bank-balance-card{background:linear-gradient(135deg,#0b3260 0%,#096be0 72%,#1688ef 100%);box-shadow:0 20px 55px rgba(7,76,154,.2);border-radius:24px}.customer-role .balance-card-top strong{letter-spacing:-.045em}.customer-role .performance-grid>a{border:1px solid #e3e9ef;box-shadow:0 7px 25px rgba(26,53,78,.045)}
.enterprise-header{border-bottom:1px solid rgba(25,35,55,.08)}.enterprise-landing{background:#f0f4ff}.enterprise-section{scroll-margin-top:90px}.benefit-grid article{transition:transform .18s ease,box-shadow .18s ease}.benefit-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(28,44,70,.08);z-index:1}
@media(min-width:1100px){.admin-role .content{max-width:1540px;margin:0 auto;padding:28px 34px 70px}.customer-role .content{max-width:1500px}.admin-data-card table{min-width:980px}}
@media(max-width:900px){.admin-command-card{grid-template-columns:1fr;padding:24px}.admin-kpi-grid{grid-template-columns:1fr 1fr}.admin-overview-grid{grid-template-columns:1fr}.admin-page-head{align-items:stretch;flex-direction:column}.head-stat{min-width:0}.platform-health-grid{grid-template-columns:1fr 1fr}.admin-table-tools{align-items:stretch;flex-direction:column}.admin-table-tools input{max-width:none}.endpoint-list>div{grid-template-columns:1fr;gap:6px}}
@media(max-width:560px){.admin-command-copy h2,.admin-page-head h2{font-size:25px}.admin-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.admin-kpi-grid>a{padding:15px}.admin-kpi-grid strong{font-size:21px}.capacity-figures.clean{grid-template-columns:1fr}.platform-health-grid{grid-template-columns:1fr}.admin-list>a{grid-template-columns:36px minmax(0,1fr)}.admin-list>a>:last-child{grid-column:2}.admin-role .content,.customer-role .content{padding-left:14px;padding-right:14px}.customer-role .bank-balance-card{border-radius:20px}.endpoint-list>div{padding:13px 0}}


/* 2026 delivery centre refinement */
.status.pending{background:#eef4ff;color:#1559b7;border:1px solid #d7e5fb}
.status.delivered{background:#e8f8f0;color:#08734a;border:1px solid #ccebdd}
.status.failed{background:#fff0f1;color:#b02d3a;border:1px solid #f3d4d8}
.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px}
.status.delivered:before{content:'✓';font-size:11px}.status.failed:before{content:'!';font-size:11px}.status.pending:before{content:'';width:7px;height:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:statusSpin .8s linear infinite}
@keyframes statusSpin{to{transform:rotate(360deg)}}
.report-card{background:#fff}.report-table td{border-bottom:1px solid #eef2f6}.report-table tr:last-child td{border-bottom:0}
@media(max-width:780px){
 .report-card{padding:0;background:transparent;border:0;box-shadow:none}.report-toolbar{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:18px;align-items:center}.report-toolbar h2{font-size:21px}.report-toolbar p{font-size:11px}.report-actions{flex-shrink:0}.compact-action{min-width:42px;padding:0 9px}.compact-action span{display:none}.report-filters{width:100%;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;margin:12px 0 14px}.report-filters a{text-align:center;padding:11px 7px}.report-table-wrap{border:0;overflow:visible}.report-table{min-width:0;display:block}.report-table thead{display:none}.report-table tbody{display:grid;gap:12px}.report-table tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(25,48,76,.045)}.report-table td{display:block!important;border:0!important;padding:6px 4px!important;min-width:0}.report-table td:before{content:attr(data-label);display:block;font-size:9px;letter-spacing:.10em;text-transform:uppercase;color:#8793a4;font-weight:900;margin-bottom:5px}.report-table td[data-label="Message"],.report-table td[data-label="Details"]{grid-column:1/-1}.report-table td[data-label="Status"]{align-self:end}.message-preview{max-width:none;-webkit-line-clamp:3;font-size:13px}.delivery-note{background:#f7f9fc;border-radius:11px;padding:10px 11px}.failure-reason{max-width:none}.recipient-number{font-size:13px}.report-table time{font-size:12px}
}


/* Final SMS delivery and admin account interface */
.client-account-cell{display:grid;gap:3px;min-width:190px}.client-account-cell b{font-size:12px;color:#12263d}.client-account-cell span{font-size:11px;color:#48576a}.client-account-cell small{font-size:10px;color:#7d8998}.client-account-cell em{font-style:normal;font-size:9px;color:#0b61d8;font-weight:800}.sender-id-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:9px;background:#edf5ff;border:1px solid #d5e6fb;color:#0b61d8;letter-spacing:.06em;font-size:11px}.admin-message-preview{max-width:360px}.global-report-table time small{display:block;color:#8490a0;margin-top:3px}.global-report-table td{vertical-align:top}
@media(max-width:780px){
 .global-sms-card{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.global-sms-card .admin-table-tools{background:#fff;border:1px solid #e4eaf0;border-radius:17px;margin-bottom:12px;padding:14px}.global-report-wrap{overflow:visible}.global-report-table{display:block;min-width:0!important}.global-report-table thead{display:none}.global-report-table tbody{display:grid;gap:12px}.global-report-table tr{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#fff;border:1px solid #e3e9ef;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(25,48,76,.05)}.global-report-table td{display:block!important;padding:6px 4px!important;border:0!important;min-width:0}.global-report-table td:before{content:attr(data-label);display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8894a4;font-weight:900;margin-bottom:5px}.global-report-table td[data-label="Client account"],.global-report-table td[data-label="Message"]{grid-column:1/-1}.global-report-table td[data-label="Status"]{align-self:end}.client-account-cell{min-width:0}.admin-message-preview{max-width:none;display:block;-webkit-line-clamp:4;overflow:hidden;overflow-wrap:anywhere}.sender-id-chip{max-width:100%;overflow-wrap:anywhere}.global-report-table .recipient-number{overflow-wrap:anywhere}.admin-page-head{margin-top:2px}.admin-page-head p{font-size:12px;line-height:1.5}.head-stat{padding:13px 15px}
}

/* =========================================================
   VOZUA 2026 DAR AJA-INSPIRED ENTERPRISE DESIGN SYSTEM
   Fixed headers, clean white/green surfaces, responsive UI
   ========================================================= */
:root{
 --navy:#17211b;--navy2:#203129;--gold:#2fae3f;--gold2:#43bd50;
 --cream:#f4fbf4;--paper:#ffffff;--text:#202420;--muted:#667268;
 --line:#dbe8dc;--green:#2fae3f;--red:#d94747;
 --shadow:0 14px 40px rgba(27,72,36,.09);
 --brand:#31ad40;--brand-dark:#218a31;--brand-soft:#ecf8ed;
}
html{scroll-padding-top:92px}body{background:#f4f9f4;color:#202420}
.btn{background:var(--brand);border-radius:10px;box-shadow:0 8px 20px rgba(49,173,64,.22);font-weight:750}
.btn:hover{background:var(--brand-dark);filter:none}.btn.ghost{color:var(--brand-dark);border-color:#9ed7a5;background:#fff}
.section-kicker,.eyebrow{color:var(--brand-dark)}
.card{background:#fff;border:1px solid #dfe9e0;border-radius:16px;box-shadow:0 8px 28px rgba(34,75,42,.055)}

/* Public website */
.enterprise-landing,.landing{background:#fff}
.public-header.enterprise-header{position:fixed!important;left:0;right:0;top:0;z-index:1000;height:92px;max-width:none!important;padding:0 max(28px,calc((100vw - 1220px)/2));background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid #dfe9e0;box-shadow:0 4px 20px rgba(30,70,36,.06)}
.public-brand img{width:52px;height:52px;border-radius:14px}.public-brand strong{font-size:19px;color:#202420}.public-brand small{color:#758078}
.enterprise-nav{gap:30px}.enterprise-nav>a:not(.btn){font-weight:650;color:#374038}.enterprise-nav>a:not(.btn):hover{color:var(--brand)}
.public-signup{padding:13px 22px!important}.enterprise-landing>main,.enterprise-landing main{padding-top:92px}
.enterprise-hero{min-height:770px;padding-top:92px!important;background:linear-gradient(90deg,#fff 0 52%,#effaef 52% 100%);position:relative;overflow:hidden}
.enterprise-hero:after{content:"";position:absolute;right:-130px;bottom:-220px;width:560px;height:560px;border-radius:50%;background:rgba(49,173,64,.08)}
.enterprise-hero-copy{position:relative;z-index:2}.enterprise-hero-copy h1{font-size:clamp(52px,6vw,84px)!important;line-height:1.01!important;letter-spacing:-.055em!important;max-width:760px;color:#202420}.enterprise-hero-copy p{font-size:21px!important;line-height:1.65!important;color:#454e47;max-width:680px}
.hero-primary{padding:17px 25px!important;font-size:17px}.hero-link{color:var(--brand-dark)!important;font-weight:750}.hero-proof>div{border-left:3px solid #bfe5c4;padding-left:15px}.hero-proof strong{color:#202420}.hero-proof span{color:#6c776e}
.enterprise-visual{z-index:2}.message-console{border-radius:18px!important;border:1px solid #d7e7d9!important;box-shadow:0 28px 70px rgba(26,83,36,.16)!important}.console-head b{background:#e7f7e9!important;color:#218a31!important}.console-chart i{background:linear-gradient(180deg,#4bc458,#269b36)!important}.floating-message span{background:#2fae3f!important}
.enterprise-section{padding-top:100px!important;padding-bottom:100px!important}.enterprise-section:nth-of-type(even){background:#f1faF1}.benefit-grid article{border-color:#dce9dd!important;border-radius:14px!important}.benefit-grid article:hover{box-shadow:0 18px 45px rgba(35,105,48,.10)}
.final-cta{background:#eaf8eb!important;border-radius:0!important}.enterprise-footer{background:#18241c!important}

/* Auth pages */
.auth-page{background:linear-gradient(90deg,#fff 0 58%,#edf8ee 58% 100%)}
.auth-top{position:fixed!important;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #dfe9e0;box-shadow:0 4px 18px rgba(35,78,42,.05)}
.auth-main{padding-top:110px!important}.auth-panel{border-radius:18px!important;border-color:#dce8dd!important;box-shadow:0 24px 60px rgba(31,82,41,.09)!important}.auth-aside{background:transparent!important;color:#253127!important}.auth-aside p{color:#5d695f!important}.auth-points span:before{background:var(--brand)!important}
.auth-form input,.auth-form select,.auth-form textarea{border-color:#d5e3d7!important;border-radius:10px!important;background:#fff!important}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(49,173,64,.11)!important}

/* Application shell */
.app-shell{background:#f4f9f4}.sidebar{background:#fff!important;border-right:1px solid #dce7dd!important;box-shadow:10px 0 35px rgba(30,70,37,.035)}
.sidebar-account{background:#f3faf4!important;border-bottom:1px solid #dce9de!important}.sidebar-account strong{color:#1e2920!important}.sidebar-account span{color:#278f35!important}
.sidebar nav a{border-radius:9px!important;color:#465249!important}.sidebar nav a:hover{background:#f0f8f1!important;color:#228e31!important}.sidebar nav a.active{background:#e8f6ea!important;color:#218d30!important;box-shadow:inset 3px 0 0 #31ad40!important}.sidebar nav a.active i{color:#218d30!important}.nav-label{color:#879188!important}.logout{background:#fff5f5!important;color:#be3333!important;border-top:1px solid #f1dddd!important}
.main{background:#f4f9f4}.topbar{position:fixed!important;top:0;right:0;left:280px;z-index:900;height:82px;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px);border-bottom:1px solid #dbe7dc!important;box-shadow:0 4px 18px rgba(32,74,39,.045)}
.content{padding-top:110px!important}.top-title h1{color:#202420!important}.top-title small{color:#738076!important}.icon-btn{background:#f2f8f3!important;border-color:#d9e7db!important;color:#268f34!important}.balance-pill{background:#edf8ee!important;border:1px solid #d4e7d6!important;color:#247f31!important}.avatar{background:#31ad40!important;color:#fff!important}
.notification-drawer{border-left-color:#dbe7dc!important}.notification-head{background:#f3faf4!important}.notification-tools button,.notification-footer a{color:#248d32!important}

/* Data, forms, reports */
input,textarea,select{border-radius:10px!important;border-color:#d8e4d9!important}input:focus,textarea:focus,select:focus{outline:none;border-color:#31ad40!important;box-shadow:0 0 0 3px rgba(49,173,64,.10)}
table thead th{background:#f2f8f3!important;color:#627066!important;border-bottom-color:#dbe6dc!important}.admin-table-tools{background:#fbfefb}.admin-kpi-grid>a,.performance-grid>a{border-color:#dce8de!important;border-radius:14px!important}.admin-kpi-grid>a:hover,.performance-grid>a:hover{border-color:#b7dbbc!important;box-shadow:0 13px 34px rgba(38,100,48,.09)!important}.head-stat{border-color:#dce8de!important}.sender-id-chip{background:#edf8ee!important;border-color:#cfe7d2!important;color:#218a31!important}
.status.delivered{background:#e7f7e9!important;color:#187b28!important;border-color:#c5e6ca!important}.status.pending{background:#fff8e5!important;color:#976c00!important;border-color:#f0dfaa!important}.status.failed{background:#fff0f0!important;color:#b53131!important;border-color:#efd0d0!important}

/* Mobile fixed header and safe responsive content */
@media(max-width:900px){
 .public-header.enterprise-header{height:78px;padding:0 20px}.public-brand img{width:44px;height:44px}.enterprise-landing>main,.enterprise-landing main{padding-top:78px}.public-menu-toggle{display:flex!important}.enterprise-nav{top:78px!important;background:#fff!important;border-bottom:1px solid #dce7dd!important;box-shadow:0 20px 35px rgba(28,70,36,.10)!important}
 .enterprise-hero{min-height:auto;padding:70px 22px 74px!important;background:linear-gradient(180deg,#fff 0 58%,#eff9f0 58% 100%)}.enterprise-hero-copy h1{font-size:50px!important}.enterprise-hero-copy p{font-size:18px!important}.enterprise-visual{margin-top:25px}
 .topbar{left:0!important;height:74px!important;padding:0 16px!important}.content{padding-top:96px!important}.top-title small{display:none}.balance-pill{display:none!important}
 .sidebar{z-index:1200!important}.sidebar-backdrop{z-index:1190!important}
}
@media(max-width:560px){
 .enterprise-hero-copy h1{font-size:43px!important;line-height:1.04!important}.enterprise-hero-copy p{font-size:17px!important}.hero-actions{align-items:stretch!important}.hero-actions .btn{width:100%}.hero-link{justify-content:center}
 .public-brand small{display:none}.public-header.enterprise-header{padding:0 16px}.auth-page{background:#f5faf5}.auth-main{padding:96px 14px 32px!important}.auth-aside{display:none!important}.auth-panel{padding:24px 18px!important;border-radius:14px!important}
 .topbar{height:70px!important}.content{padding-top:88px!important;padding-left:13px!important;padding-right:13px!important}.top-title h1{font-size:18px!important}.top-actions{gap:6px!important}.icon-btn{width:38px!important;height:38px!important}
 .card{border-radius:14px!important}.admin-kpi-grid>a{border-radius:12px!important}.report-table tr,.global-report-table tr{border-radius:14px!important;box-shadow:0 7px 20px rgba(31,76,39,.05)!important}
}
@media(min-width:901px){.main{margin-left:280px!important}.sidebar{width:280px!important}}

/* =========================================================
   DARAJA-STYLE APPLICATION DASHBOARDS — CUSTOMER + ADMIN
   Soft geometric canvas, glass cards, fixed professional shell
   ========================================================= */
body.customer-role .main,
body.admin-role .main{position:relative;isolation:isolate;overflow-x:hidden;background:#f8fff7}
body.customer-role .main:before,
body.admin-role .main:before{content:"";position:fixed;z-index:-2;left:280px;right:0;top:82px;height:520px;background:
 radial-gradient(circle at 88% 18%,rgba(49,173,64,.13) 0 3px,transparent 4px) 0 0/52px 52px,
 linear-gradient(125deg,rgba(240,252,225,.94) 0 38%,rgba(255,255,255,.92) 38% 72%,rgba(236,249,235,.88) 72% 100%)}
body.customer-role .main:after,
body.admin-role .main:after{content:"";position:fixed;z-index:-1;width:580px;height:580px;border-radius:46% 54% 56% 44%/44% 42% 58% 56%;right:-250px;top:230px;background:rgba(220,247,211,.48);transform:rotate(-18deg);pointer-events:none}
.content{position:relative;max-width:1480px;width:100%;margin:0 auto;padding-bottom:110px!important}
.topbar{box-shadow:none!important;border-bottom:1px solid rgba(205,226,207,.85)!important}
.top-title h1{font-size:25px!important;font-weight:820!important;letter-spacing:-.025em}.top-title small{font-size:12px!important;text-transform:uppercase;letter-spacing:.12em;color:#318f3c!important;font-weight:800}

/* Daraja glass surface language */
.bank-balance-card,.admin-command-card,.card,.admin-kpi-grid>a,.performance-grid>a,.head-stat{background:rgba(255,255,255,.84)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(207,229,209,.92)!important;box-shadow:0 18px 48px rgba(39,99,49,.075)!important}
.bank-balance-card,.admin-command-card{border-radius:26px!important;overflow:hidden;position:relative}
.bank-balance-card:before,.admin-command-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:rgba(70,190,82,.11);pointer-events:none}
.bank-balance-card:after,.admin-command-card:after{content:"";position:absolute;right:36px;bottom:30px;width:96px;height:74px;background:radial-gradient(circle,#38a947 0 3px,transparent 4px) 0 0/24px 24px;opacity:.65;pointer-events:none}
.balance-card-top,.balance-card-bottom,.admin-command-copy,.admin-provider-balance{position:relative;z-index:1}
.balance-card-top>div>span,.admin-command-copy .section-kicker{color:#29963a!important;font-weight:850!important;letter-spacing:.11em;text-transform:uppercase}
.balance-card-top strong{color:#2eac40!important;font-size:clamp(42px,7vw,68px)!important;letter-spacing:-.055em}.balance-card-top small{font-size:15px!important;color:#536157!important}
.balance-card-top img{background:#fff;border:1px solid #d9ebda;box-shadow:0 12px 28px rgba(41,116,52,.12);border-radius:22px!important}
.balance-card-bottom{background:rgba(241,251,240,.74)!important;border-top:1px solid #dcebdd!important}.balance-card-bottom a{background:#31ad40;color:#fff!important;border-radius:999px;padding:11px 18px!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(49,173,64,.2)}

.performance-grid,.admin-kpi-grid{gap:18px!important}.performance-grid>a,.admin-kpi-grid>a{border-radius:22px!important;padding:24px!important;min-height:160px;position:relative;overflow:hidden}.performance-grid>a:after,.admin-kpi-grid>a:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-48px;bottom:-58px;background:rgba(49,173,64,.075)}
.performance-grid>a span,.admin-kpi-grid>a span{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:#728078!important;font-weight:850}.performance-grid>a strong,.admin-kpi-grid>a strong{font-size:34px!important;letter-spacing:-.04em;color:#1f2b22!important}.performance-grid>a:nth-child(2) strong{color:#299c39!important}.performance-grid>a i{width:38px;height:38px;display:grid!important;place-items:center;border-radius:50%;background:#ebf8ec;color:#279537!important;position:absolute;right:20px;top:20px}

.dashboard-grid.modern-dashboard,.admin-overview-grid{gap:20px!important}.recent-card,.quick-modern,.compact-operations-card,.admin-preview-list{border-radius:24px!important}.card-head{padding-bottom:18px!important;border-bottom:1px solid #e2eee3}.card-head h3{font-size:21px!important;letter-spacing:-.025em;color:#202b22}.card-head p{color:#718076!important}.card-head>a{color:#2d9d3b!important;font-weight:800}
.quick-modern>a{border-radius:16px!important;margin:8px 0;background:rgba(247,253,247,.86);border:1px solid #e0ede1!important}.quick-modern>a:hover{background:#edf9ee!important;transform:translateY(-1px)}.qa-icon{background:#e8f7e9!important;color:#279c38!important;border-radius:14px!important}

/* Admin command centre */
.admin-command-copy h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.06;letter-spacing:-.045em;color:#202820;margin-top:10px}.admin-command-copy p{font-size:16px!important;max-width:650px}.admin-provider-balance{border-radius:20px!important;background:rgba(238,249,238,.9)!important;border:1px solid #d4e8d6!important}.admin-provider-balance strong{color:#2ca13a!important;font-size:28px!important}.admin-provider-balance.connected:before{box-shadow:0 0 0 6px rgba(49,173,64,.12)}
.performance-bars i{background:#e7f1e8!important;height:10px!important}.performance-bars em{background:linear-gradient(90deg,#2ca53c,#51c55d)!important}.capacity-figures.clean>div{background:#f8fcf8!important;border:1px solid #e0ece1!important;border-radius:16px!important}.capacity-figures strong{color:#239335!important}
.admin-list>a{border-radius:16px!important;border:1px solid transparent}.admin-list>a:hover{background:#f0faf1!important;border-color:#dcecdf!important}.list-avatar{background:#e8f7ea!important;color:#259537!important}

/* Inner dashboard pages */
.admin-page-head{padding:26px 28px!important;border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border:1px solid #dcebdd;box-shadow:0 14px 38px rgba(36,91,44,.055);margin-bottom:20px!important}.admin-page-head h2{font-size:34px!important;letter-spacing:-.04em}.admin-page-head .section-kicker{color:#2c9d3a!important}.head-stat{border-radius:18px!important}
.admin-data-card,.form-card,.calculator,.wallet-main-card{border-radius:24px!important}.admin-table-tools{background:rgba(246,252,246,.92)!important;border-bottom:1px solid #dce9dd}.admin-table-tools input{background:#fff!important;border-radius:14px!important}
.table-wrap{border-radius:0 0 22px 22px}table tbody tr:hover{background:#f6fcf6!important}

/* Sidebar now mirrors polished portal navigation */
.sidebar{background:rgba(255,255,255,.98)!important}.sidebar-account{padding-top:24px!important;padding-bottom:22px!important}.sidebar-account img{width:54px!important;height:54px!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(48,145,60,.14)}.sidebar nav{padding-top:18px!important}.sidebar nav a{min-height:48px;margin:3px 12px!important;padding:0 14px!important}.sidebar nav a.active{background:linear-gradient(90deg,#e8f7e9,#f4fbf4)!important;border:1px solid #d6ead8!important;box-shadow:none!important}.sidebar nav a.active:before{content:"";width:4px;height:24px;border-radius:8px;background:#31ad40;position:absolute;left:0}.sidebar nav a{position:relative}.sidebar-powered{background:#f6fbf6!important;border-top:1px solid #e0ece1!important}

/* Responsive dashboard cards inspired by supplied mobile reference */
@media(max-width:900px){
 body.customer-role .main:before,body.admin-role .main:before{left:0;top:70px;height:460px;background:radial-gradient(circle at 85% 12%,rgba(49,173,64,.16) 0 3px,transparent 4px) 0 0/50px 50px,linear-gradient(145deg,#f5ffe9 0 44%,#fff 44% 74%,#effbec 74%)}
 body.customer-role .main:after,body.admin-role .main:after{right:-330px;top:220px}
 .content{padding-top:94px!important;padding-left:18px!important;padding-right:18px!important}
 .bank-balance-card,.admin-command-card{border-radius:22px!important}.performance-grid,.admin-kpi-grid{grid-template-columns:1fr 1fr!important}.performance-grid>a,.admin-kpi-grid>a{min-height:145px;padding:20px!important;border-radius:19px!important}.performance-grid>a strong,.admin-kpi-grid>a strong{font-size:29px!important}
 .dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower{grid-template-columns:1fr!important}.recent-card,.quick-modern,.compact-operations-card,.admin-preview-list{border-radius:21px!important}
 .admin-command-card{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}.admin-provider-balance{width:100%!important}
}
@media(max-width:560px){
 .content{padding-left:12px!important;padding-right:12px!important;padding-top:86px!important}.top-title h1{font-size:19px!important}.top-title small{display:none!important}
 .bank-balance-card,.admin-command-card{border-radius:20px!important}.balance-card-top{padding:25px 22px!important}.balance-card-top strong{font-size:48px!important}.balance-card-top img{width:56px!important;height:56px!important}.balance-card-bottom{padding:16px 20px!important;align-items:center}.balance-card-bottom a{font-size:12px!important;padding:10px 13px!important}
 .performance-grid,.admin-kpi-grid{grid-template-columns:1fr!important;gap:12px!important}.performance-grid>a,.admin-kpi-grid>a{min-height:126px;padding:19px 20px!important}.performance-grid>a strong,.admin-kpi-grid>a strong{font-size:31px!important}.performance-grid>a i{top:17px;right:17px}
 .card,.recent-card,.quick-modern,.compact-operations-card,.admin-preview-list,.admin-data-card,.form-card,.calculator{border-radius:19px!important}.card-head{padding:18px!important}.card-head h3{font-size:19px!important}
 .admin-command-card{padding:24px 20px!important}.admin-command-copy h2{font-size:34px!important}.admin-page-head{padding:21px 18px!important;border-radius:19px!important}.admin-page-head h2{font-size:28px!important}
 .admin-list>a{padding:13px!important}.quick-modern>a{margin:7px 12px!important}
}

/* =========================================================
   VOZUA BLUE & WHITE BRAND SYSTEM — FINAL OVERRIDE
   Uses the official Vozua logo palette across public, auth,
   customer and admin interfaces. No green brand surfaces.
   ========================================================= */
:root{
 --navy:#071a33;--navy2:#0c2f5f;--gold:#1268e8;--gold2:#33a9ff;
 --cream:#f4f8ff;--paper:#ffffff;--text:#15233a;--muted:#6d7c91;
 --line:#dce7f5;--green:#1268e8;--red:#d94747;
 --shadow:0 16px 44px rgba(19,73,145,.10);
 --brand:#1268e8;--brand-dark:#0a4fb8;--brand-soft:#edf5ff;
 --brand-cyan:#35b7ff;--brand-ink:#10284b;
}
html{scroll-padding-top:92px}body{background:#f5f8fd;color:var(--text)}
.btn{background:linear-gradient(135deg,#1268e8,#1888f2)!important;color:#fff!important;box-shadow:0 10px 24px rgba(18,104,232,.22)!important}
.btn:hover{background:linear-gradient(135deg,#0a57c9,#1178dc)!important}.btn.ghost{color:#0d62d4!important;border-color:#b7d5f7!important;background:#fff!important;box-shadow:none!important}
.section-kicker,.eyebrow{color:#1167d8!important}.card{border-color:#dce7f4!important;box-shadow:0 10px 32px rgba(16,74,145,.065)!important}

/* Public website */
.public-header.enterprise-header{border-bottom-color:#dce7f4!important;box-shadow:0 5px 22px rgba(17,70,139,.07)!important}
.public-brand strong{color:#13233a!important}.public-brand small{color:#728199!important}.enterprise-nav>a:not(.btn){color:#33435a!important}.enterprise-nav>a:not(.btn):hover{color:#1268e8!important}
.enterprise-hero{background:linear-gradient(90deg,#fff 0 52%,#eef6ff 52% 100%)!important}.enterprise-hero:after{background:rgba(37,141,246,.10)!important}
.enterprise-hero-copy h1{color:#15243a!important}.enterprise-hero-copy h1 em,.enterprise-hero-copy h1 span{color:#1268e8!important}.enterprise-hero-copy p{color:#4f5e73!important}
.hero-link{color:#0d62d4!important}.hero-proof>div{border-left-color:#b7d8fb!important}.console-head b{background:#e9f4ff!important;color:#0d62d4!important}.console-chart i{background:linear-gradient(180deg,#42b8ff,#1268e8)!important}.floating-message span{background:#1268e8!important}
.enterprise-section:nth-of-type(even){background:#f2f7ff!important}.benefit-grid article{border-color:#dce7f4!important}.benefit-grid article:hover{box-shadow:0 18px 45px rgba(18,104,232,.10)!important}.final-cta{background:#edf5ff!important}.enterprise-footer{background:#10284b!important}

/* Authentication */
.auth-page{background:linear-gradient(90deg,#fff 0 58%,#edf5ff 58% 100%)!important}.auth-top{border-bottom-color:#dce7f4!important;box-shadow:0 5px 20px rgba(18,72,140,.06)!important}
.auth-panel{border-color:#dce7f4!important;box-shadow:0 24px 64px rgba(19,76,150,.10)!important}.auth-aside{color:#1d304d!important}.auth-aside p{color:#65758c!important}.auth-points span:before{background:#1268e8!important}
.auth-form input,.auth-form select,.auth-form textarea{border-color:#d4e1f1!important}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:#1268e8!important;box-shadow:0 0 0 4px rgba(18,104,232,.12)!important}
.auth-panel a,.auth-top a{color:#1268e8!important}.password-toggle{color:#1268e8!important}

/* Main application shell */
.app-shell,.main{background:#f5f8fd!important}.sidebar{background:rgba(255,255,255,.99)!important;border-right-color:#dce7f4!important;box-shadow:10px 0 36px rgba(17,69,136,.045)!important}
.sidebar-account{background:#f1f7ff!important;border-bottom-color:#dce7f4!important}.sidebar-account strong{color:#15243a!important}.sidebar-account span{color:#1268e8!important}
.sidebar nav a{color:#43536a!important}.sidebar nav a:hover{background:#eef5ff!important;color:#1268e8!important}.sidebar nav a.active{background:linear-gradient(90deg,#e8f3ff,#f7fbff)!important;color:#0d62d4!important;border-color:#cfe2fa!important;box-shadow:none!important}.sidebar nav a.active i{color:#1268e8!important}.sidebar nav a.active:before{background:#1268e8!important}.nav-label{color:#8795a8!important}.sidebar-powered{background:#f5f9ff!important;border-top-color:#e0e9f5!important}
.topbar{background:rgba(255,255,255,.97)!important;border-bottom-color:#dce7f4!important;box-shadow:0 5px 20px rgba(18,70,138,.045)!important}.top-title h1{color:#15243a!important}.top-title small{color:#1268e8!important}.icon-btn{background:#eef5ff!important;border-color:#d5e5f8!important;color:#1268e8!important}.balance-pill{background:#edf5ff!important;border-color:#cfe2fa!important;color:#0d62d4!important}.avatar{background:linear-gradient(135deg,#1268e8,#35b7ff)!important;color:#fff!important}
.notification-drawer{border-left-color:#dce7f4!important}.notification-head{background:#f1f7ff!important}.notification-tools button,.notification-footer a{color:#1268e8!important}

/* Inputs, reports and status */
input,textarea,select{border-color:#d5e1ef!important}input:focus,textarea:focus,select:focus{border-color:#1268e8!important;box-shadow:0 0 0 3px rgba(18,104,232,.11)!important}
table thead th{background:#f1f6fd!important;color:#617086!important;border-bottom-color:#dce7f4!important}.admin-table-tools{background:#fbfdff!important}.admin-kpi-grid>a,.performance-grid>a,.head-stat{border-color:#dce7f4!important}.admin-kpi-grid>a:hover,.performance-grid>a:hover{border-color:#bad6f6!important;box-shadow:0 14px 36px rgba(18,87,177,.10)!important}.sender-id-chip{background:#edf5ff!important;border-color:#cde1fa!important;color:#0d62d4!important}
.status.delivered{background:#e9f8ef!important;color:#167544!important;border-color:#c7ead5!important}.status.pending{background:#fff7e4!important;color:#946b00!important;border-color:#eedca8!important}.status.failed{background:#fff0f0!important;color:#b53131!important;border-color:#efd0d0!important}

/* Dashboard canvas and glass cards */
body.customer-role .main,body.admin-role .main{background:#f7faff!important}
body.customer-role .main:before,body.admin-role .main:before{background:radial-gradient(circle at 88% 18%,rgba(18,104,232,.14) 0 3px,transparent 4px) 0 0/52px 52px,linear-gradient(125deg,rgba(235,245,255,.97) 0 38%,rgba(255,255,255,.94) 38% 72%,rgba(231,243,255,.9) 72% 100%)!important}
body.customer-role .main:after,body.admin-role .main:after{background:rgba(204,229,255,.52)!important}
.bank-balance-card,.admin-command-card,.card,.admin-kpi-grid>a,.performance-grid>a,.head-stat{border-color:rgba(207,224,244,.95)!important;box-shadow:0 18px 48px rgba(22,78,151,.08)!important}
.bank-balance-card:before,.admin-command-card:before{background:rgba(35,139,245,.11)!important}.bank-balance-card:after,.admin-command-card:after{background:radial-gradient(circle,#1887ef 0 3px,transparent 4px) 0 0/24px 24px!important}
.balance-card-top>div>span,.admin-command-copy .section-kicker{color:#1268e8!important}.balance-card-top strong{color:#1268e8!important}.balance-card-top small{color:#53657c!important}.balance-card-top img{border-color:#d8e7f8!important;box-shadow:0 12px 28px rgba(18,91,181,.13)!important}
.balance-card-bottom{background:rgba(238,246,255,.82)!important;border-top-color:#dce8f7!important}.balance-card-bottom a{background:linear-gradient(135deg,#1268e8,#1888f2)!important;box-shadow:0 9px 22px rgba(18,104,232,.22)!important}
.performance-grid>a:after,.admin-kpi-grid>a:after{background:rgba(18,104,232,.075)!important}.performance-grid>a span,.admin-kpi-grid>a span{color:#728198!important}.performance-grid>a strong,.admin-kpi-grid>a strong{color:#1b2e49!important}.performance-grid>a:nth-child(2) strong{color:#1268e8!important}.performance-grid>a i{background:#eaf4ff!important;color:#1268e8!important}
.card-head{border-bottom-color:#e1eaf5!important}.card-head h3{color:#1c2d47!important}.card-head p{color:#718198!important}.card-head>a{color:#1268e8!important}.quick-modern>a{background:rgba(247,251,255,.9)!important;border-color:#dfeaf6!important}.quick-modern>a:hover{background:#edf5ff!important}.qa-icon{background:#e9f4ff!important;color:#1268e8!important}
.admin-command-copy h2{color:#172942!important}.admin-provider-balance{background:rgba(237,246,255,.92)!important;border-color:#d3e4f8!important}.admin-provider-balance strong{color:#1268e8!important}.admin-provider-balance.connected:before{box-shadow:0 0 0 6px rgba(18,104,232,.12)!important}
.performance-bars i{background:#e5edf7!important}.performance-bars em{background:linear-gradient(90deg,#1268e8,#35b7ff)!important}.capacity-figures.clean>div{background:#f8fbff!important;border-color:#e0e9f5!important}.capacity-figures strong{color:#1268e8!important}.admin-list>a:hover{background:#f0f6ff!important;border-color:#dae8f8!important}.list-avatar{background:#e9f4ff!important;color:#1268e8!important}
.admin-page-head{border-color:#dce8f7!important;box-shadow:0 14px 38px rgba(19,76,150,.06)!important}.admin-page-head .section-kicker{color:#1268e8!important}.admin-table-tools{background:rgba(246,250,255,.94)!important;border-bottom-color:#dce7f4!important}table tbody tr:hover{background:#f5f9ff!important}
.sidebar-account img{box-shadow:0 9px 24px rgba(18,104,232,.15)!important}

@media(max-width:900px){
 .enterprise-nav{border-bottom-color:#dce7f4!important;box-shadow:0 20px 35px rgba(17,69,136,.10)!important}
 .enterprise-hero{background:linear-gradient(180deg,#fff 0 58%,#eef6ff 58% 100%)!important}
 body.customer-role .main:before,body.admin-role .main:before{background:radial-gradient(circle at 85% 12%,rgba(18,104,232,.16) 0 3px,transparent 4px) 0 0/50px 50px,linear-gradient(145deg,#edf6ff 0 44%,#fff 44% 74%,#eaf4ff 74%)!important}
}
@media(max-width:560px){.auth-page{background:#f5f9ff!important}.report-table tr,.global-report-table tr{box-shadow:0 7px 20px rgba(18,77,150,.06)!important}}

/* =========================================================
   VOZUA BLUE / WHITE / BLACK CONSISTENCY & COMPACT DASHBOARD
   Final UI density, contrast and responsive spacing override
   ========================================================= */
:root{
  --text:#101820!important;
  --muted:#5f6b7a!important;
  --brand:#1268e8!important;
  --brand-dark:#0a4fb8!important;
  --brand-soft:#eef5ff!important;
  --paper:#ffffff!important;
  --cream:#f5f8fc!important;
  --line:#dce5f0!important;
}
body{color:#101820!important;background:#f5f8fc!important}
body,button,input,textarea,select{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.card,.bank-balance-card,.admin-command-card,.performance-grid>a,.admin-kpi-grid>a,.head-stat,.admin-page-head{color:#101820!important;background:rgba(255,255,255,.96)!important}
.card h1,.card h2,.card h3,.card h4,.card strong,.card b,
.bank-balance-card strong,.bank-balance-card b,
.admin-command-card h1,.admin-command-card h2,.admin-command-card strong,
.performance-grid>a strong,.admin-kpi-grid>a strong,.head-stat strong{color:#101820!important}
.card p,.card small,.card span,.bank-balance-card small,.admin-command-card p{color:#5f6b7a!important}
.card a,.card-head>a,.section-kicker,.eyebrow{color:#1268e8!important}

/* Wallet summary contrast: no white text on pale surfaces */
.balance-card-top>div>span{color:#1268e8!important}
.balance-card-top strong{color:#1268e8!important}
.balance-card-top small{color:#4d5d70!important}
.balance-card-bottom{background:#eef5ff!important;border-top:1px solid #d7e5f6!important;color:#101820!important}
.balance-card-bottom span,.balance-card-bottom small{color:#5d6b7c!important}
.balance-card-bottom b,.balance-card-bottom strong{color:#101820!important;opacity:1!important}

/* Blue, white and black only for semantic UI */
.good,.bad{color:#101820!important}
.status.delivered{background:#eaf3ff!important;color:#0a57c9!important;border-color:#c9def8!important}
.status.pending{background:#f3f7fc!important;color:#30445e!important;border-color:#d8e2ed!important}
.status.failed{background:#eef1f5!important;color:#101820!important;border-color:#cfd7e1!important}
.status.delivered:before{color:#1268e8!important}.status.failed:before{color:#101820!important}
.notification-type.payment,.notification-type.low_credit,.notification-type.system{background:#eef5ff!important;color:#1268e8!important}

/* Remove oversized decorative depth and unnecessary dashboard tail */
.content{padding-bottom:36px!important}
body.customer-role .main:after,body.admin-role .main:after{opacity:.35!important}
.dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower{margin-bottom:0!important}
.recent-card,.quick-modern,.compact-operations-card,.admin-preview-list{margin-bottom:0!important}

/* Desktop: cleaner, denser operational workspace */
@media(min-width:961px){
  .customer-role .content,.admin-role .content{padding:22px 28px 34px!important;max-width:1540px!important}
  .topbar{height:64px!important;padding:0 20px!important}
  .top-title h1{font-size:15px!important}.top-title small{font-size:9px!important}
  .bank-balance-card{min-height:230px!important}
  .balance-card-top{padding:30px 34px 24px!important}.balance-card-top strong{font-size:54px!important}
  .balance-card-bottom{padding:15px 28px!important}
  .performance-grid,.admin-kpi-grid{gap:12px!important}
  .performance-grid>a,.admin-kpi-grid>a{min-height:118px!important;padding:18px!important;border-radius:16px!important}
  .performance-grid>a strong,.admin-kpi-grid>a strong{font-size:27px!important}
  .performance-grid>a span,.admin-kpi-grid>a span{font-size:10px!important}
  .performance-grid>a small,.admin-kpi-grid>a small{font-size:10px!important}
  .performance-grid>a i{width:31px!important;height:31px!important;right:14px!important;top:14px!important}
  .card{padding:18px!important;border-radius:17px!important}
  .card-head{padding:0 0 13px!important;margin-bottom:12px!important}.card-head h3{font-size:17px!important}.card-head p{font-size:11px!important}
  .quick-modern>a{padding:11px!important;margin:5px 0!important}.qa-icon{width:31px!important;height:31px!important;font-size:12px!important}.quick-modern>a>span{font-size:11px!important}.quick-modern small{font-size:9px!important}
  .table-wrap table th,.table-wrap table td{padding:10px 11px!important}.table-wrap table td{font-size:11px!important}
}

/* Mobile: compact, full-width, no cut tables, no blank tail */
@media(max-width:960px){
  .content{padding:82px 10px calc(74px + env(safe-area-inset-bottom))!important;max-width:none!important}
  .topbar{height:66px!important;padding:0 12px!important}
  .top-title h1{font-size:17px!important;line-height:1.15!important}.top-title small{display:none!important}
  .menu-btn,.icon-btn{width:38px!important;height:38px!important;border-radius:10px!important}
  .menu-btn svg,.icon-btn svg{width:17px!important;height:17px!important}
  .bottom-nav{left:0!important;right:0!important;bottom:0!important;height:66px!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important;box-shadow:0 -7px 24px rgba(16,50,92,.08)!important}
  .bottom-nav a{font-size:9px!important;border-radius:10px!important}.bottom-nav a svg{width:19px!important;height:19px!important}.bottom-nav a.active{background:#eef5ff!important;color:#1268e8!important}
  .bank-balance-card,.admin-command-card{border-radius:17px!important}
  .balance-card-top{padding:21px 20px 17px!important;min-height:215px!important}.balance-card-top>div>span{font-size:10px!important;letter-spacing:.10em!important}.balance-card-top strong{font-size:43px!important;margin:8px 0 12px!important}.balance-card-top small{font-size:12px!important;line-height:1.45!important}.balance-card-top img{width:48px!important;height:48px!important;border-radius:14px!important}
  .balance-card-bottom{padding:12px 16px!important;gap:10px!important}.balance-card-bottom span{font-size:9px!important}.balance-card-bottom b{font-size:14px!important}.balance-card-bottom a{padding:9px 12px!important;font-size:10px!important;border-radius:10px!important;white-space:nowrap!important}
  .performance-grid,.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:10px 0 12px!important}
  .performance-grid>a,.admin-kpi-grid>a{min-height:104px!important;padding:14px!important;border-radius:15px!important}
  .performance-grid>a span,.admin-kpi-grid>a span{font-size:8px!important;letter-spacing:.08em!important;line-height:1.25!important;padding-right:25px!important}
  .performance-grid>a strong,.admin-kpi-grid>a strong{font-size:25px!important;margin:8px 0 4px!important}
  .performance-grid>a small,.admin-kpi-grid>a small{font-size:9px!important;line-height:1.3!important}
  .performance-grid>a i{width:27px!important;height:27px!important;right:10px!important;top:10px!important;font-size:11px!important}
  .dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower{gap:10px!important}
  .card,.recent-card,.quick-modern,.compact-operations-card,.admin-preview-list,.admin-data-card,.form-card,.calculator{padding:14px!important;border-radius:16px!important}
  .card-head{padding:0 0 11px!important;margin-bottom:9px!important}.card-head h3{font-size:16px!important}.card-head p{font-size:10px!important;line-height:1.35!important}.card-head>a{font-size:10px!important}
  .quick-modern>a{padding:9px!important;margin:5px 0!important;border-radius:11px!important}.qa-icon,.quick>a>b{width:29px!important;height:29px!important;border-radius:8px!important;font-size:11px!important}.quick-modern>a>span,.quick>a>span{font-size:10px!important}.quick-modern small,.quick small{font-size:8px!important}
  .admin-command-card{padding:17px!important}.admin-command-copy h2{font-size:23px!important}.admin-command-copy p{font-size:10px!important}.admin-provider-balance{padding:11px!important}.admin-provider-balance strong{font-size:16px!important}
  .admin-page-head{padding:15px!important;border-radius:16px!important}.admin-page-head h2{font-size:21px!important}.admin-page-head p{font-size:10px!important}.head-stat{padding:10px 12px!important}
  .icon-btn,.qa-icon,.list-avatar,.transaction-icon{font-size:11px!important}

  /* Recent messages: all columns visible, no horizontal scrollbar */
  .recent-card .table-wrap{overflow:visible!important;width:100%!important}
  .recent-card table{min-width:0!important;width:100%!important;table-layout:fixed!important}
  .recent-card th,.recent-card td{padding:10px 6px!important;font-size:9px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .recent-card th{font-size:7.5px!important;letter-spacing:.05em!important}
  .recent-card th:nth-child(1),.recent-card td:nth-child(1){width:35%!important}
  .recent-card th:nth-child(2),.recent-card td:nth-child(2){width:21%!important}
  .recent-card th:nth-child(3),.recent-card td:nth-child(3){width:31%!important}
  .recent-card th:nth-child(4),.recent-card td:nth-child(4){width:13%!important;text-align:center!important}
  .recent-card .status{font-size:7.5px!important;padding:4px 5px!important;gap:3px!important;white-space:normal!important;line-height:1.15!important;justify-content:center!important}
  .recent-card .status:before{font-size:8px!important}
}

@media(max-width:430px){
  .content{padding-left:8px!important;padding-right:8px!important}
  .performance-grid,.admin-kpi-grid{gap:7px!important}
  .performance-grid>a,.admin-kpi-grid>a{padding:12px!important;min-height:96px!important}
  .performance-grid>a strong,.admin-kpi-grid>a strong{font-size:22px!important}
  .balance-card-top{padding-left:17px!important;padding-right:17px!important}.balance-card-top strong{font-size:40px!important}
  .card,.recent-card,.quick-modern,.admin-data-card{padding:12px!important}
  .recent-card th,.recent-card td{padding:9px 4px!important;font-size:8.5px!important}
}

/* =========================================================
   SEMANTIC STATUS COLOURS + ZERO-WASTE PAGE SPACING
   Green = success/delivered, red = failed/low credit,
   yellow = pending/warning. Brand remains blue/white/black.
   ========================================================= */
:root{
  --success:#16883f!important;
  --success-bg:#eaf8ef!important;
  --success-line:#c6ead2!important;
  --danger:#c83232!important;
  --danger-bg:#fff0f0!important;
  --danger-line:#f0cccc!important;
  --warning:#9a6900!important;
  --warning-bg:#fff7df!important;
  --warning-line:#efdca0!important;
}
.status.delivered,.badge.success,.pill.success,.alert.success,.payment-wait-card.success{
  background:var(--success-bg)!important;color:var(--success)!important;border-color:var(--success-line)!important
}
.status.delivered:before,.good,.success-text,.health-pill.online{color:var(--success)!important}
.status.failed,.badge.failed,.pill.failed,.alert.error,.payment-wait-card.failed{
  background:var(--danger-bg)!important;color:var(--danger)!important;border-color:var(--danger-line)!important
}
.status.failed:before,.bad,.error-text,.health-pill:not(.online){color:var(--danger)!important}
.status.pending,.badge.pending,.pill.pending,.alert.warning{
  background:var(--warning-bg)!important;color:var(--warning)!important;border-color:var(--warning-line)!important
}
.notification-type.payment{background:var(--success-bg)!important;color:var(--success)!important}
.notification-type.low_credit{background:var(--danger-bg)!important;color:var(--danger)!important}
.notification-type.system{background:var(--warning-bg)!important;color:var(--warning)!important}
.semantic-success{border-color:var(--success-line)!important}
.semantic-success strong,.semantic-success small,.semantic-success i{color:var(--success)!important}
.semantic-success:after{background:rgba(22,136,63,.08)!important}
.semantic-danger{border-color:var(--danger-line)!important}
.semantic-danger strong,.semantic-danger small,.semantic-danger i{color:var(--danger)!important}
.semantic-danger:after{background:rgba(200,50,50,.07)!important}
.bank-balance-card.is-low-credit{border:1px solid var(--danger-line)!important;box-shadow:0 14px 34px rgba(200,50,50,.09)!important}
.bank-balance-card.is-low-credit .balance-card-top strong,
.bank-balance-card.is-low-credit .balance-card-top>div>span{color:var(--danger)!important}
.bank-balance-card.is-low-credit .balance-card-bottom{background:var(--danger-bg)!important;border-top-color:var(--danger-line)!important}
.bank-balance-card.is-low-credit .balance-card-bottom b{color:var(--danger)!important}
.bank-balance-card.is-credit-healthy .balance-card-top strong{color:#1268e8!important}
.pay-check{background:var(--success-bg)!important;color:var(--success)!important}
.pay-cross{background:var(--danger-bg)!important;color:var(--danger)!important}
.health-pill.online i{background:var(--success)!important}.health-pill:not(.online) i{background:var(--danger)!important}

/* Remove decorative/min-height tails; retain only bottom-nav safe clearance. */
html,body{min-height:100%!important}
.app-shell,.main{min-height:0!important}
.content{min-height:0!important;margin-bottom:0!important}
.content> :last-child{margin-bottom:0!important}
.dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower,
.performance-grid,.admin-kpi-grid,.page-grid{padding-bottom:0!important;margin-bottom:0!important}
body.customer-role .main:after,body.admin-role .main:after{display:none!important}
@media(min-width:961px){
  .customer-role .content,.admin-role .content{padding-bottom:22px!important}
}
@media(max-width:960px){
  .content{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}
  .dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower{gap:8px!important}
  .performance-grid,.admin-kpi-grid{margin-bottom:8px!important}
  .card,.recent-card,.quick-modern,.compact-operations-card,.admin-preview-list{margin-bottom:0!important}
}

/* =========================================================
   FINAL UNIFORM SYSTEM LAYOUT — ALL AUTHENTICATED PAGES
   One Vozua canvas, exact scroll ending, consistent density.
   ========================================================= */
:root{
  --vz-blue:#1268e8;
  --vz-blue-dark:#0a4fb8;
  --vz-blue-soft:#eef5ff;
  --vz-white:#fff;
  --vz-black:#101820;
  --vz-muted:#5f6b7a;
  --vz-border:#dce6f2;
  --vz-canvas:#f4f8fd;
  --vz-nav-mobile:62px;
  --vz-top-mobile:64px;
}
html{height:auto!important;min-height:100%!important;background:var(--vz-canvas)!important;overflow-x:hidden!important}
body.customer-role,body.admin-role{height:auto!important;min-height:100dvh!important;background:var(--vz-canvas)!important;overflow-x:hidden!important}
.app-shell{display:block!important;min-height:100dvh!important;background:var(--vz-canvas)!important}
.main{display:flex!important;flex-direction:column!important;min-height:100dvh!important;background:var(--vz-canvas)!important;overflow:visible!important}
body.customer-role .main:before,body.admin-role .main:before{
  position:fixed!important;left:280px!important;right:0!important;top:64px!important;height:310px!important;
  background:linear-gradient(135deg,#edf5ff 0%,#f8fbff 54%,#eef6ff 100%)!important;
  opacity:1!important
}
body.customer-role .main:after,body.admin-role .main:after{display:none!important}
.topbar{flex:0 0 64px!important;height:64px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--vz-border)!important}
.content{
  flex:0 0 auto!important;
  width:min(100%,1540px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:18px 24px 20px!important;
  background:transparent!important;
}
.content>*:first-child{margin-top:0!important}
.content>*:last-child{margin-bottom:0!important}
.wallet-stack,.page-grid,.dashboard-grid,.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower,
.performance-grid,.admin-kpi-grid,.sender-layout,.reports-layout{margin-bottom:0!important;padding-bottom:0!important}
.wallet-stack{display:grid!important;gap:14px!important}
.wallet-stack>*,.page-grid>*,.dashboard-grid>*,.admin-overview-grid>*{margin-top:0!important;margin-bottom:0!important}

/* One surface language on every page */
.card,.wallet-hero,.wallet-main-card,.form-card,.calculator,.admin-data-card,.admin-page-head,
.bank-balance-card,.admin-command-card,.head-stat,.performance-grid>a,.admin-kpi-grid>a,
.payment-wait-card,.sender-card,.report-card{
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--vz-border)!important;
  box-shadow:0 10px 30px rgba(22,78,151,.065)!important;
  color:var(--vz-black)!important;
}
.card,.wallet-main-card,.form-card,.calculator,.admin-data-card,.payment-wait-card,.sender-card,.report-card{border-radius:18px!important}
.card h1,.card h2,.card h3,.card h4,.wallet-main-card h1,.wallet-main-card h2,.wallet-main-card h3,
.form-card h1,.form-card h2,.form-card h3,.admin-data-card h1,.admin-data-card h2,.admin-data-card h3{color:var(--vz-black)!important}
.card p,.card small,.wallet-main-card p,.wallet-main-card small,.form-card p,.form-card small{color:var(--vz-muted)!important}
.section-kicker,.eyebrow,.card-head>a,.admin-page-head .section-kicker{color:var(--vz-blue)!important}
.btn:not(.ghost){background:linear-gradient(135deg,var(--vz-blue),#1888f2)!important;color:#fff!important}
.btn.ghost{color:var(--vz-blue)!important;border-color:#bfd7f4!important;background:#fff!important}
input,textarea,select{background:#fff!important;color:var(--vz-black)!important;border-color:#d5e1ef!important}

/* Compact page rhythm */
.card,.wallet-main-card,.form-card,.calculator,.admin-data-card{padding:18px!important}
.card-head{padding-bottom:12px!important;margin-bottom:12px!important}
.card-head h3{font-size:17px!important}.card-head p{font-size:11px!important}
.form-card form{gap:13px!important;margin-top:13px!important}.form-grid{gap:12px!important}
label{font-size:12px!important;gap:6px!important}input,textarea,select{padding:12px 13px!important;border-radius:12px!important}
.admin-page-head{padding:18px 20px!important;margin-bottom:14px!important;border-radius:18px!important}
.admin-page-head h2{font-size:26px!important}

/* Wallet follows dashboard visual language */
.wallet-hero{border-radius:20px!important;min-height:0!important;padding:25px 28px!important;background:linear-gradient(135deg,#0d2d61,#1268e8 65%,#1895f2)!important;color:#fff!important}
.wallet-hero *{position:relative;z-index:1}.wallet-balance-copy small,.wallet-balance-copy em{color:rgba(255,255,255,.78)!important}.wallet-balance-copy strong,.wallet-balance-copy span{color:#fff!important}
.wallet-brand-mark{width:64px!important;height:64px!important}.wallet-brand-mark img{width:48px!important;height:48px!important}
.wallet-main-card{padding:20px!important}.wallet-main-card h2{font-size:25px!important}.wallet-main-card .section-kicker{font-size:10px!important}

/* Exact semantic status colours */
.status.delivered,.badge.success,.alert.success{background:#eaf8ef!important;color:#16883f!important;border-color:#c6ead2!important}
.status.failed,.badge.failed,.alert.error{background:#fff0f0!important;color:#c83232!important;border-color:#f0cccc!important}
.status.pending,.badge.pending,.alert.warning{background:#fff7df!important;color:#9a6900!important;border-color:#efdca0!important}

@media(min-width:961px){
  .main{margin-left:280px!important;width:calc(100% - 280px)!important}
  .content{padding:18px 26px 22px!important}
  .dashboard-grid.modern-dashboard,.admin-overview-grid{gap:14px!important}
  .performance-grid,.admin-kpi-grid{gap:12px!important;margin:12px 0!important}
}

@media(max-width:960px){
  body.customer-role .main:before,body.admin-role .main:before{left:0!important;top:var(--vz-top-mobile)!important;height:240px!important}
  .main{width:100%!important;margin:0!important;min-height:100dvh!important}
  .topbar{position:sticky!important;top:0!important;flex-basis:var(--vz-top-mobile)!important;height:var(--vz-top-mobile)!important;padding:0 12px!important}
  .content{
    width:100%!important;
    padding:14px 10px calc(var(--vz-nav-mobile) + env(safe-area-inset-bottom) + 6px)!important;
  }
  .bottom-nav{
    height:var(--vz-nav-mobile)!important;
    min-height:var(--vz-nav-mobile)!important;
    padding:3px 7px calc(3px + env(safe-area-inset-bottom))!important;
  }
  .bottom-nav a{min-height:50px!important;font-size:9px!important}.bottom-nav a svg{width:18px!important;height:18px!important}
  .card,.wallet-main-card,.form-card,.calculator,.admin-data-card{padding:14px!important;border-radius:15px!important}
  .wallet-stack{gap:10px!important}
  .wallet-hero{padding:20px!important;border-radius:17px!important}.wallet-balance-copy strong{font-size:38px!important}.wallet-brand-mark{width:54px!important;height:54px!important}
  .wallet-main-card h2{font-size:21px!important}
  .admin-page-head{padding:15px!important;margin-bottom:10px!important;border-radius:15px!important}.admin-page-head h2{font-size:21px!important}
  .dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower{gap:9px!important}
  .performance-grid,.admin-kpi-grid{margin:9px 0!important;gap:8px!important}
  .performance-grid>a,.admin-kpi-grid>a{min-height:94px!important;padding:12px!important}
  .performance-grid>a strong,.admin-kpi-grid>a strong{font-size:22px!important}
  .performance-grid>a span,.admin-kpi-grid>a span{font-size:8px!important}.performance-grid>a small,.admin-kpi-grid>a small{font-size:8px!important}
  .card-head{padding-bottom:9px!important;margin-bottom:9px!important}.card-head h3{font-size:15px!important}.card-head p{font-size:9px!important}
  /* no artificial element may extend the document after the last page card */
  .content:after,.wallet-stack:after,.dashboard-grid:after,.admin-overview-grid:after{display:none!important;content:none!important}
}

/* =========================================================
   VERIFIED FINAL LAYOUT FIX — STABLE SIDEBAR + TRUE PAGE END
   This block intentionally overrides every earlier layout rule.
   ========================================================= */
:root{
  --vz-mobile-nav-h:66px;
  --vz-mobile-top-h:64px;
}

/* Never manufacture document height after the real content. */
html,body{height:auto!important;min-height:0!important;overscroll-behavior-y:none!important}
body.customer-role,body.admin-role{min-height:0!important}
.app-shell,.main{height:auto!important;min-height:0!important}
.main{display:block!important}
.content{
  min-height:0!important;
  height:auto!important;
  margin-bottom:0!important;
  padding-bottom:18px!important;
}
.content>*:last-child,
.content>*:last-child>*:last-child,
.dashboard-grid.modern-dashboard>*:last-child,
.admin-overview-grid>*:last-child,
.wallet-stack>*:last-child{margin-bottom:0!important}
.dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower,
.wallet-stack,.page-grid,.performance-grid,.admin-kpi-grid{min-height:0!important;height:auto!important}

/* Desktop sidebar remains physically independent from page scrolling. */
.sidebar{
  position:fixed!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  align-content:stretch!important;
  transform:none!important;
  transition:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  contain:layout paint!important;
}
.sidebar-account{flex:none!important}
.sidebar nav{
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:12px!important;
}
.sidebar-powered{margin:0!important;flex:none!important}
.logout{
  margin:0!important;
  min-height:62px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  flex:none!important;
  color:#b4232f!important;
  background:#fff7f8!important;
  border:1px solid #f1d3d7!important;
  border-radius:13px!important;
  box-shadow:0 7px 18px rgba(180,35,47,.06)!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.logout:hover{background:#fff0f2!important;color:#9f1724!important;transform:none!important}
.logout-icon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  display:grid!important;place-items:center!important;border-radius:10px!important;
  background:#ffe7ea!important;color:#b4232f!important
}
.logout-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.logout-copy{display:grid!important;gap:2px!important;min-width:0!important}
.logout-copy b{font-size:12px!important;color:inherit!important}
.logout-copy small{font-size:8.5px!important;color:#8c5b62!important;font-weight:550!important}

@media(min-width:961px){
  .main{min-height:0!important}
  .content{padding-bottom:20px!important}
}

@media(max-width:960px){
  html,body{min-height:0!important}
  body.customer-role,body.admin-role,.app-shell,.main{min-height:0!important;height:auto!important}
  .main{display:block!important}
  .content{
    min-height:0!important;
    padding:12px 9px calc(var(--vz-mobile-nav-h) + env(safe-area-inset-bottom) + 1px)!important;
  }
  .content>*:last-child{margin-bottom:0!important}
  .dashboard-grid.modern-dashboard,.admin-overview-grid,.admin-overview-grid.lower,.wallet-stack{padding-bottom:0!important;margin-bottom:0!important}

  /* Stable off-canvas panel: only the opening action transforms it. */
  .sidebar{
    width:min(88vw,304px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    transform:translate3d(-102%,0,0)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
    will-change:auto!important;
    contain:layout paint!important;
    z-index:1200!important;
    padding:12px!important;
  }
  .sidebar.open{transform:translate3d(0,0,0)!important}
  .sidebar-backdrop{position:fixed!important;inset:0!important;opacity:0!important;visibility:hidden!important;background:rgba(8,23,43,.46)!important;transition:opacity .2s ease,visibility .2s ease!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1190!important}
  .sidebar-backdrop.open{opacity:1!important;visibility:visible!important}
  .sidebar nav{padding:8px 0 8px!important}
  .sidebar nav a{margin:2px 0!important;min-height:43px!important}
  .sidebar-powered{padding:8px 10px!important}
  .logout{min-height:58px!important;padding:9px 11px!important;border-radius:12px!important}
  .logout-icon{width:32px!important;height:32px!important;flex-basis:32px!important}

  /* The fixed nav uses exactly the reserved content clearance—no blank tail. */
  .bottom-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    height:calc(var(--vz-mobile-nav-h) + env(safe-area-inset-bottom))!important;
    min-height:calc(var(--vz-mobile-nav-h) + env(safe-area-inset-bottom))!important;
    padding:3px 7px calc(3px + env(safe-area-inset-bottom))!important;
    margin:0!important;
  }
  .recent-card,.quick-modern,.compact-operations-card,.admin-preview-list,.wallet-main-card{margin-bottom:0!important}
}


/* Complete recipient and group workflow */
.recipient-selector{border:1px solid #dbe5f1;border-radius:18px;padding:12px;background:#fff;margin:16px 0}.recipient-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.recipient-tabs button{border:1px solid #dbe5f1;background:#f7faff;color:#172033;border-radius:12px;padding:11px 8px;font-weight:700;font-size:13px}.recipient-tabs button.active{background:#0f6fe8;color:#fff;border-color:#0f6fe8}.contact-picker,.group-picker{display:grid;gap:8px;max-height:330px;overflow:auto;padding:4px}.contact-picker label,.group-picker label{display:flex;align-items:center;gap:12px;border:1px solid #e1e8f1;border-radius:14px;padding:11px;background:#fff;cursor:pointer}.contact-picker label:has(input:checked),.group-picker label:has(input:checked){border-color:#0f6fe8;background:#eef6ff}.contact-picker input,.group-picker input{width:18px;height:18px}.contact-picker span,.group-picker span{display:flex;flex-direction:column}.contact-picker small,.group-picker small{color:#657184;margin-top:2px}.group-summary{display:grid;gap:8px;margin-top:14px}.group-summary>div{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #e4eaf1;font-size:13px}.page-grid>aside{display:grid;gap:16px;align-content:start}@media(max-width:620px){.recipient-tabs{grid-template-columns:1fr}.recipient-tabs button{padding:10px}.recipient-selector{padding:10px}}

/* =========================================================
   NATIVE PAGE SCROLL + PULL-TO-REFRESH FIX — 2026-07-23
   Final override: page remains vertically scrollable on every route.
   Sidebar and notification drawers no longer lock the document.
   ========================================================= */
html {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-x pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}
body,
body.customer-role,
body.admin-role,
body.no-scroll,
body.scroll-locked,
body.drawer-open {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}
.app-shell,
.main,
.content,
.dashboard-grid,
.modern-dashboard,
.page-grid,
.wallet-stack,
.admin-overview-grid,
.admin-kpi-grid,
.performance-grid {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  touch-action: pan-y !important;
}
.main {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}
.content {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
/* Drawers are independent fixed layers; page underneath remains naturally scrollable. */
.sidebar,
.notification-drawer,
.sidebar-backdrop,
.notification-backdrop,
.bottom-nav,
.topbar {
  touch-action: manipulation !important;
}
.sidebar nav,
.notification-list {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}
@media (max-width: 960px) {
  html, body, body.customer-role, body.admin-role {
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }
  .main, .content {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  .content {
    padding-bottom: calc(var(--vz-mobile-nav-h, 66px) + env(safe-area-inset-bottom, 0px) + 8px) !important;
  }
}

/* =========================================================
   VOZUA SMS UNIFIED PRODUCT UI — FINAL PROFESSIONAL OVERRIDE
   Consistent dashboard, wallet, cards, controls and true page end.
   ========================================================= */
:root{
  --vz-primary:#1268e8;--vz-primary-dark:#0a4fb7;--vz-primary-soft:#edf5ff;
  --vz-ink:#162033;--vz-muted:#657184;--vz-border:#dce5f0;--vz-surface:#ffffff;
  --vz-bg:#f5f8fc;--vz-success:#168447;--vz-success-soft:#eaf8f0;
  --vz-danger:#c93b44;--vz-danger-soft:#fff0f1;--vz-warning:#a66a00;--vz-warning-soft:#fff7e7;
  --vz-radius:18px;--vz-shadow:0 10px 30px rgba(18,43,77,.07);
}
body,.app-shell,.main{background:var(--vz-bg)!important;color:var(--vz-ink)!important}
.content{max-width:1380px!important;width:100%!important;padding-left:20px!important;padding-right:20px!important}
.card,.form-card,.wallet-main-card,.recent-card,.quick-modern,.admin-data-card{background:var(--vz-surface)!important;border:1px solid var(--vz-border)!important;border-radius:var(--vz-radius)!important;box-shadow:var(--vz-shadow)!important}
.wallet-stack{max-width:1120px!important;margin:0 auto!important;gap:16px!important}
.wallet-hero{background:linear-gradient(135deg,#0b4fb6 0%,#1268e8 56%,#178de8 100%)!important;border:0!important;box-shadow:0 16px 38px rgba(18,104,232,.20)!important}
.premium-recharge-card,.transactions-card{padding:24px!important}
.recharge-heading{align-items:flex-start!important;margin-bottom:22px!important}.recharge-heading h3{font-size:24px!important;letter-spacing:-.025em!important;color:var(--vz-ink)!important}.recharge-heading p{font-size:13px!important;line-height:1.55!important;margin-top:5px!important}
.recharge-kicker,.section-eyebrow{font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--vz-primary)!important;font-weight:850!important}
.secure-chip{background:var(--vz-success-soft)!important;color:var(--vz-success)!important;border:1px solid #ccebd8!important;border-radius:999px!important}
.recharge-form{display:grid!important;gap:17px!important}.recharge-form label{font-size:13px!important;font-weight:750!important;color:var(--vz-ink)!important}
.recharge-form .input-shell{margin-top:8px!important;min-height:56px!important;border:1px solid var(--vz-border)!important;border-radius:14px!important;background:#fbfcff!important;box-shadow:none!important;overflow:hidden!important}
.recharge-form .input-shell:focus-within{border-color:var(--vz-primary)!important;box-shadow:0 0 0 4px rgba(18,104,232,.10)!important;background:#fff!important}
.country-prefix,.amount-shell>span{height:100%!important;min-width:82px!important;display:grid!important;place-items:center!important;background:var(--vz-primary-soft)!important;color:#526175!important;font-weight:800!important;border-right:1px solid var(--vz-border)!important}
.recharge-form input{font-size:18px!important;font-weight:750!important;color:var(--vz-ink)!important;background:transparent!important;border:0!important;box-shadow:none!important}
.field-help,.payment-note{font-size:12px!important;line-height:1.55!important;color:var(--vz-muted)!important}
.quick-amounts{gap:10px!important}.quick-amounts button{min-height:48px!important;border:1px solid var(--vz-border)!important;border-radius:13px!important;background:#fff!important;color:var(--vz-ink)!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}.quick-amounts button:hover,.quick-amounts button:focus{border-color:var(--vz-primary)!important;background:var(--vz-primary-soft)!important;color:var(--vz-primary-dark)!important}
.purchase-preview{padding:20px!important;border-radius:16px!important;background:linear-gradient(135deg,#f6f9ff,#edf5ff)!important;border:1px solid #d8e7fb!important}.purchase-preview span,.purchase-preview small{color:var(--vz-muted)!important}.purchase-preview strong{font-size:26px!important;color:var(--vz-ink)!important;letter-spacing:-.02em!important}
.recharge-submit{min-height:56px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--vz-primary),#168eea)!important;color:#fff!important;box-shadow:0 12px 25px rgba(18,104,232,.22)!important;font-size:15px!important}.recharge-submit span,.recharge-submit b{color:#fff!important}.recharge-submit:hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,var(--vz-primary-dark),var(--vz-primary))!important}
.transactions-heading{margin-bottom:14px!important}.transactions-heading h3{font-size:23px!important;color:var(--vz-ink)!important}.transactions-heading p{font-size:12px!important}
.transaction-list{display:grid!important;gap:10px!important}.transaction-item{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:15px!important;border:1px solid var(--vz-border)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}.transaction-item:hover{border-color:#c8d8ec!important;background:#fcfdff!important}
.transaction-icon{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:17px!important;font-weight:900!important}.transaction-icon.delivered{background:var(--vz-success-soft)!important;color:var(--vz-success)!important}.transaction-icon.pending{background:var(--vz-warning-soft)!important;color:var(--vz-warning)!important}.transaction-icon.failed{background:var(--vz-danger-soft)!important;color:var(--vz-danger)!important}
.transaction-copy{min-width:0!important}.transaction-copy>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.transaction-copy strong{font-size:13px!important;line-height:1.3!important;color:var(--vz-ink)!important}.transaction-copy small{font-size:10.5px!important;color:var(--vz-muted)!important}.transaction-copy code{font-size:10px!important;color:#8a96a7!important;overflow-wrap:anywhere!important}.transaction-item>b{font-size:13px!important;color:var(--vz-ink)!important;white-space:nowrap!important}
.status{border-radius:999px!important;padding:7px 11px!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important}.status.delivered{background:var(--vz-success-soft)!important;color:var(--vz-success)!important;border:1px solid #cbe8d5!important}.status.pending{background:var(--vz-warning-soft)!important;color:var(--vz-warning)!important;border:1px solid #f1dfb6!important}.status.failed{background:var(--vz-danger-soft)!important;color:var(--vz-danger)!important;border:1px solid #efcfd2!important}
.content,.wallet-stack,.dashboard-grid,.modern-dashboard{margin-bottom:0!important}.content:after,.wallet-stack:after,.dashboard-grid:after{display:none!important;content:none!important}
@media(max-width:960px){
  .content{padding:12px 10px calc(var(--vz-mobile-nav-h,66px) + env(safe-area-inset-bottom) + 2px)!important}
  .wallet-stack{gap:10px!important}.premium-recharge-card,.transactions-card{padding:17px!important}
  .recharge-heading h3{font-size:21px!important}.purchase-preview strong{font-size:23px!important}
  .transaction-item{grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;padding:13px!important}.transaction-icon{width:36px!important;height:36px!important;border-radius:10px!important}
  .transaction-copy>div{align-items:flex-start!important}.transaction-copy strong{font-size:12.5px!important}.transaction-item>b{font-size:12px!important}
  .bottom-nav{border-top:1px solid var(--vz-border)!important;box-shadow:0 -7px 24px rgba(18,43,77,.08)!important;background:rgba(255,255,255,.98)!important}
}
@media(max-width:520px){
  .wallet-hero{padding:20px!important}.wallet-balance-copy strong{font-size:36px!important}
  .recharge-heading{display:flex!important}.secure-chip{font-size:9px!important;padding:6px 8px!important}
  .recharge-form .input-shell{min-height:54px!important}.quick-amounts{grid-template-columns:1fr 1fr!important}
  .transaction-item{grid-template-columns:36px minmax(0,1fr)!important}.transaction-item>b{grid-column:2!important;justify-self:end!important;margin-top:-2px!important}.transaction-copy .status{font-size:9px!important;padding:6px 9px!important}
}

/* =========================================================
   FINAL DOCUMENT SCROLL CORRECTION — 2026-07-23
   Keep the page naturally scrollable. Reserve only the exact fixed-nav
   clearance and stop the document immediately after the final content.
   ========================================================= */
html, body {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}
body.customer-role,
body.admin-role {
  position: static !important;
  overflow-y: auto !important;
}
.app-shell {
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow: visible !important;
}
.main {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
.content {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin-bottom: 0 !important;
}
.content > :last-child,
.content > :last-child > :last-child,
.wallet-stack > :last-child,
.dashboard-grid > :last-child,
.modern-dashboard > :last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 960px) {
  .app-shell {
    display: block !important;
    min-height: 0 !important;
  }
  .main {
    display: block !important;
    width: 100% !important;
  }
  .content {
    padding-top: 12px !important;
    padding-bottom: calc(var(--vz-mobile-nav-h, 66px) + env(safe-area-inset-bottom, 0px) + 4px) !important;
  }
  .bottom-nav {
    height: calc(var(--vz-mobile-nav-h, 66px) + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* Public header login icon and Play Store policy links */
.public-header-actions{display:flex;align-items:center;gap:12px;margin-left:18px}
.public-login-icon{width:44px;height:44px;border:1px solid #d8e4f2;border-radius:13px;display:grid;place-items:center;background:#fff;color:#155fb8;box-shadow:0 7px 18px rgba(17,70,139,.08);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.public-login-icon:hover{transform:translateY(-1px);border-color:#9fc5ef;box-shadow:0 10px 24px rgba(17,70,139,.14)}
.public-login-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.enterprise-footer{grid-template-columns:2fr repeat(4,1fr)!important}
@media(max-width:980px){.enterprise-footer{grid-template-columns:1.5fr repeat(2,1fr)!important}.enterprise-footer>div:nth-child(4),.enterprise-footer>div:nth-child(5){grid-column:auto!important}}
@media(max-width:900px){.public-header-actions{margin-left:auto}.enterprise-nav{right:0;left:0}.public-login-icon{width:42px;height:42px}.public-menu-toggle{margin-left:0}}
@media(max-width:680px){.enterprise-footer{grid-template-columns:1fr!important}.public-header-actions{gap:6px}.public-login-icon{width:40px;height:40px;border-radius:12px}.public-login-icon svg{width:20px;height:20px}.public-menu-toggle{width:40px;height:40px}}

/* Admin client actions restored */
.client-actions-table td{vertical-align:middle}.client-action-menu{position:relative}.client-action-menu>summary{list-style:none;cursor:pointer;white-space:nowrap}.client-action-menu>summary::-webkit-details-marker{display:none}.client-action-panel{position:absolute;right:0;top:42px;z-index:50;width:310px;max-width:calc(100vw - 32px);padding:14px;background:#fff;border:1px solid #dfe6ee;border-radius:14px;box-shadow:0 18px 50px rgba(18,38,64,.18);display:grid;gap:12px}.client-action-panel form{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid #edf1f5}.client-action-panel form:last-child{border-bottom:0;padding-bottom:0}.client-action-panel b{font-size:11px;color:#172b43}.client-action-panel input{width:100%;min-height:38px;padding:8px 10px;border:1px solid #dfe6ee;border-radius:9px;background:#fbfcfe;font-size:11px}.success-btn{background:#e6f6ee!important;color:#18764a!important;border:1px solid #bfe5d2!important}.btn.danger{background:#c93636;color:#fff;border-color:#c93636}.btn.full{width:100%;justify-content:center}@media(max-width:900px){.client-action-panel{position:fixed;left:16px;right:16px;top:90px;width:auto;max-height:calc(100vh - 120px);overflow:auto}.client-actions-table{min-width:980px}}

/* Clean 2026 client management */
.clean-client-card{padding:0!important;overflow:visible}.clean-client-tools{padding:16px 18px;border-bottom:1px solid var(--vz-border);display:flex;align-items:center;justify-content:space-between;gap:14px}.client-search-box{display:flex;align-items:center;gap:9px;min-width:280px;max-width:420px;flex:1;padding:0 13px;border:1px solid var(--vz-border);border-radius:12px;background:#f9fbfe}.client-search-box svg{width:18px;height:18px;fill:none;stroke:#7890aa;stroke-width:1.8}.client-search-box input{width:100%;min-height:42px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.clean-client-table{min-width:920px}.clean-client-table th{font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;color:#74849a;padding:13px 16px!important}.clean-client-table td{padding:14px 16px!important;border-top:1px solid #edf1f6!important}.client-identity{display:flex;align-items:center;gap:11px;min-width:210px}.client-avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#1268e8;font-weight:900}.client-identity b,.client-contact span{display:block;font-size:12.5px;color:#172b43}.client-identity small,.client-contact small{display:block;margin-top:3px;font-size:10.5px;color:#7c8ba0}.client-status-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:9.5px;font-weight:850}.client-status-pill.active{background:#eaf8f0;color:#168447}.client-status-pill.suspended{background:#fff0f1;color:#c93b44}.client-status-pill.pending{background:#fff7e7;color:#a66a00}.client-actions-heading{text-align:right}.client-icon-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.client-icon-actions form{margin:0}.client-icon-btn{width:35px;height:35px;padding:0;border:1px solid #dfe7f0;border-radius:10px;background:#fff;color:#53677f;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.client-icon-btn:hover{border-color:#9fc5ef;background:#f1f7ff;color:#1268e8;transform:translateY(-1px)}.client-icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.client-icon-btn.is-enabled{background:#eaf8f0;border-color:#bfe5d2;color:#168447}.client-icon-btn.danger-icon:hover{background:#fff0f1;border-color:#efcfd2;color:#c93b44}
.client-modal[hidden]{display:none!important}.client-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.client-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(10,25,45,.48);backdrop-filter:blur(4px)}.client-modal-card{position:relative;width:min(430px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:20px;border:1px solid #dfe7f0;box-shadow:0 30px 80px rgba(10,28,52,.24);padding:22px}.client-modal-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.client-modal-head small{font-size:9px;letter-spacing:.12em;color:#1268e8;font-weight:900}.client-modal-head h3{font-size:20px;margin:5px 0 3px;color:#172b43}.client-modal-head p{font-size:11px;color:#7c8ba0;margin:0}.client-modal-close{width:34px;height:34px;border:1px solid #dfe7f0;border-radius:10px;background:#fff;font-size:22px;color:#61758d;cursor:pointer}.client-modal-form{display:grid;gap:13px}.client-modal-form label{display:grid;gap:7px;font-size:11px;font-weight:750;color:#34485f}.client-modal-form input,.client-modal-form select{width:100%;min-height:45px;padding:10px 12px;border:1px solid #dfe7f0;border-radius:11px;background:#fbfcfe;font-size:12px;color:#172b43}.client-modal-form input:focus,.client-modal-form select:focus{outline:0;border-color:#1268e8;box-shadow:0 0 0 4px rgba(18,104,232,.09)}body.client-modal-open{overflow:hidden!important}
@media(max-width:700px){.clean-client-tools{padding:12px;align-items:stretch;flex-direction:column}.client-search-box{min-width:0;max-width:none}.clean-client-table{min-width:850px}.client-icon-btn{width:34px;height:34px}.client-modal{padding:10px}.client-modal-card{padding:18px;border-radius:17px}}

/* =========================================================
   VOZUA SMS PUBLIC EXPERIENCE — FUTURE UI RELEASE 2026.07.28
   Final override: high contrast, clean mobile layout and
   dependable colour rendering across browsers.
   ========================================================= */
:root{
  --future-ink:#0b1930;
  --future-copy:#4c5d75;
  --future-blue:#0869ed;
  --future-cyan:#20c8ff;
  --future-line:#dce7f5;
  --future-soft:#f5f9ff;
  --future-night:#07152a;
}
.enterprise-landing{background:#fff!important;color:var(--future-ink)!important}
.public-header.enterprise-header{
  height:82px!important;padding:0 clamp(18px,4vw,64px)!important;
  display:flex!important;align-items:center!important;width:100%!important;
  background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(18,74,146,.12)!important;
  box-shadow:0 8px 30px rgba(18,67,132,.07)!important;backdrop-filter:blur(22px) saturate(150%)!important
}
.enterprise-header .public-brand{flex:0 0 auto}.enterprise-header .public-brand img{border-radius:15px;box-shadow:0 10px 28px rgba(8,105,237,.13)}
.enterprise-header .enterprise-nav{margin-left:auto}.public-header-actions{margin-left:24px!important;flex:0 0 auto!important}
.public-login-icon{width:48px!important;height:48px!important;border-radius:15px!important;border:1px solid #d4e3f4!important;color:#075fbf!important;background:linear-gradient(145deg,#fff,#f5faff)!important;box-shadow:0 10px 30px rgba(12,91,187,.11)!important}
.public-login-icon:hover{transform:translateY(-2px)!important;box-shadow:0 16px 38px rgba(12,91,187,.18)!important}
.enterprise-hero{
  background:
   radial-gradient(circle at 78% 16%,rgba(32,200,255,.18),transparent 25%),
   radial-gradient(circle at 95% 68%,rgba(8,105,237,.16),transparent 30%),
   linear-gradient(135deg,#fff 0%,#f9fcff 52%,#edf6ff 100%)!important;
  min-height:760px!important;isolation:isolate
}
.enterprise-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(8,105,237,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,105,237,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent 0,#000 48%,#000 100%)}
.enterprise-hero:after{width:520px!important;height:520px!important;right:-170px!important;bottom:-210px!important;background:linear-gradient(135deg,rgba(32,200,255,.14),rgba(8,105,237,.08))!important;filter:blur(2px)}
.enterprise-hero-copy h1{color:var(--future-ink)!important;font-weight:620!important;text-wrap:balance}.enterprise-hero-copy>p{color:var(--future-copy)!important}
.eyebrow{color:var(--future-blue)!important;font-weight:850!important;letter-spacing:.16em!important}
.hero-primary,.enterprise-nav .public-signup,.api-showcase .btn,.pricing-main .btn{background:linear-gradient(135deg,#0869ed,#169df4)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 14px 30px rgba(8,105,237,.22)!important}
.hero-primary:hover,.enterprise-nav .public-signup:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(8,105,237,.30)!important}
.hero-proof{border-top-color:var(--future-line)!important}.hero-proof strong{color:var(--future-ink)!important}.hero-proof span{color:#64758c!important}
.visual-glow{background:radial-gradient(circle,rgba(32,200,255,.30) 0,rgba(8,105,237,.14) 43%,transparent 70%)!important;filter:blur(7px)}
.message-console{background:linear-gradient(155deg,#0a1c36,#071225)!important;border:1px solid rgba(98,181,255,.25)!important;box-shadow:0 34px 90px rgba(4,35,79,.30)!important;transform:rotate(-1deg)!important}
.console-chart i{background:linear-gradient(180deg,#28d1ff,#0876f9)!important}.floating-message{border:1px solid #d9e9f8!important;box-shadow:0 22px 55px rgba(16,74,143,.18)!important}.floating-message>span{background:#e8f9ff!important;color:#0876e8!important}
.trust-strip{background:#fff!important;border-color:var(--future-line)!important}.trust-strip div{color:#33465f!important}
.enterprise-section{background:#fff!important}.enterprise-section:nth-of-type(even){background:var(--future-soft)!important}
.section-heading.wide h2,.section-heading.wide p,.benefit-grid h3,.process-line h3,.pricing-main strong{color:var(--future-ink)!important}.section-heading.wide p,.benefit-grid p,.process-line p{color:var(--future-copy)!important}
.benefit-grid{background:var(--future-line)!important;border-color:var(--future-line)!important;border-radius:26px!important;overflow:hidden!important}.benefit-grid article{background:rgba(255,255,255,.96)!important;border:0!important}.benefit-grid article:hover{box-shadow:inset 0 0 0 1px rgba(8,105,237,.18),0 22px 50px rgba(8,64,135,.10)!important}.benefit-no{color:var(--future-blue)!important}
.dark-section,.enterprise-section.dark-section{background:radial-gradient(circle at 85% 0,rgba(30,150,255,.18),transparent 30%),linear-gradient(145deg,#07152a,#0b2241)!important;color:#fff!important;max-width:none!important}
.dark-section .section-heading h2,.dark-section .section-heading p,.dark-section h3{color:#fff!important}.dark-section .eyebrow{color:#6bd9ff!important}
.solution-tabs article{background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;border:1px solid rgba(151,209,255,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important}.solution-tabs small{color:#67d8ff!important}.solution-tabs p{color:#b9cbe0!important}.solution-tabs article:hover{transform:translateY(-4px);border-color:rgba(72,190,255,.58)!important;background:rgba(255,255,255,.10)!important}
.process-line article{border-color:#cbdcf0!important}.process-line article:before{background:linear-gradient(135deg,#1bc8ff,#0869ed)!important;box-shadow:0 0 0 6px rgba(8,105,237,.10)}
.api-showcase{background:linear-gradient(145deg,#fff,#f4f9ff)!important;border:1px solid #dce9f7!important;box-shadow:0 28px 80px rgba(10,69,139,.10)!important}.api-showcase h2{color:var(--future-ink)!important}.api-showcase p{color:var(--future-copy)!important}.api-showcase pre{background:linear-gradient(145deg,#07152a,#0c2548)!important;border:1px solid rgba(94,184,255,.24)!important}
.pricing-main,.pricing-table{border-color:#d8e6f5!important;box-shadow:0 18px 48px rgba(10,68,137,.07)!important}.pricing-table th{color:#52647b!important}.pricing-table td{color:#14243a!important}
.final-cta{background:radial-gradient(circle at 90% 10%,rgba(73,211,255,.38),transparent 34%),linear-gradient(135deg,#0869ed,#0b89f2)!important;color:#fff!important;border-radius:30px!important;box-shadow:0 26px 70px rgba(8,105,237,.24)!important}.final-cta h2,.final-cta .eyebrow{color:#fff!important}.final-cta>a,.final-cta div>a:not(.btn){color:#fff!important}.final-cta .btn{color:#075abb!important}
.enterprise-footer{background:linear-gradient(145deg,#061428,#0a2445)!important}

@media(max-width:900px){
 .public-header.enterprise-header{height:74px!important;padding:0 14px 0 18px!important}
 .enterprise-landing>main,.enterprise-landing main{padding-top:74px!important}
 .enterprise-header .public-brand{min-width:0}.enterprise-header .public-brand strong{font-size:20px!important}.enterprise-header .public-brand img{width:46px!important;height:46px!important}
 .enterprise-header .enterprise-nav{top:74px!important;margin-left:0!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px)!important}
 .public-header-actions{margin-left:auto!important;gap:7px!important;flex-direction:row-reverse!important}
 .public-login-icon{width:46px!important;height:46px!important;border-radius:14px!important}
 .public-menu-toggle{width:42px!important;height:42px!important;border:1px solid #dce7f4!important;border-radius:12px!important;background:#fff!important;padding:10px!important}
 .public-menu-toggle span{background:#173557!important}
}
@media(max-width:680px){
 .enterprise-hero{padding:54px 20px 68px!important;background:radial-gradient(circle at 90% 38%,rgba(32,200,255,.16),transparent 31%),linear-gradient(180deg,#fff,#f2f8ff)!important}
 .enterprise-hero:before{background-size:34px 34px;opacity:.65}
 .enterprise-hero-copy h1{font-size:clamp(42px,13vw,56px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
 .enterprise-hero-copy>p{font-size:17px!important;line-height:1.62!important}
 .hero-proof{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.hero-proof strong{font-size:15px!important}.hero-proof span{font-size:10px!important}
 .enterprise-visual{min-height:360px!important}.message-console{transform:none!important;border-radius:24px!important}.floating-message{right:-5px!important}
 .enterprise-section{padding:72px 20px!important}.section-heading.wide h2{font-size:38px!important}
 .dark-section,.enterprise-section.dark-section{background:radial-gradient(circle at 100% 0,rgba(31,164,255,.22),transparent 32%),linear-gradient(160deg,#07152a,#0b2444)!important}
 .solution-tabs article{min-height:220px!important}.solution-tabs h3{margin-top:58px!important}.solution-tabs p{font-size:14px!important;color:#c0d0e3!important}
 .benefit-grid{border-radius:20px!important}.final-cta{border-radius:24px!important}
}
@media(max-width:420px){
 .enterprise-header .public-brand span small{display:none!important}.enterprise-header .public-brand strong{font-size:18px!important}
 .enterprise-header .public-brand img{width:42px!important;height:42px!important}.public-login-icon{width:43px!important;height:43px!important}
 .hero-proof{grid-template-columns:1fr!important}.trust-strip div{font-size:13px!important}
}

/* VOZUA SMS PUBLIC SITE — PLAY STORE READY FINAL */
.vz-next-landing{--n-ink:#071a35;--n-copy:#53657c;--n-blue:#0969ed;--n-cyan:#1ba9f5;--n-line:#dbe6f2;background:#fff;color:var(--n-ink);min-height:100vh}.vz-next-header{height:86px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;gap:34px;position:fixed;z-index:1000;top:0;left:0;right:0;background:rgba(255,255,255,.94);border-bottom:1px solid #e5edf6;box-shadow:0 8px 30px rgba(17,64,121,.07);backdrop-filter:blur(20px)}.vz-next-brand{display:flex;align-items:center;gap:13px;color:var(--n-ink);text-decoration:none;white-space:nowrap}.vz-next-brand img{width:48px;height:48px;border-radius:15px}.vz-next-brand strong{font-size:24px;letter-spacing:-.03em}.vz-next-nav{margin-left:auto;display:flex;gap:30px}.vz-next-nav a{color:#172943;text-decoration:none;font-size:14px;font-weight:650}.vz-next-login{height:46px;padding:0 17px;display:flex;align-items:center;gap:8px;border-radius:12px;background:linear-gradient(135deg,#0869ed,#188ee9);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 25px rgba(8,105,237,.22)}.vz-next-login svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.vz-next-main{padding-top:86px}.vz-next-hero{min-height:690px;padding:70px clamp(22px,4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);align-items:center;gap:55px;overflow:hidden;background:radial-gradient(circle at 83% 30%,rgba(32,180,255,.18),transparent 28%),linear-gradient(135deg,#fff 0%,#fbfdff 55%,#edf6ff 100%)}.vz-next-pill{display:inline-flex;padding:8px 13px;border:1px solid #cfe1f7;background:#f2f7fe;color:#0965d9;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.11em}.vz-next-copy h1{font-size:clamp(48px,5.3vw,76px);line-height:1.02;letter-spacing:-.055em;margin:28px 0 24px;max-width:780px}.vz-next-copy>p{font-size:18px;line-height:1.65;color:var(--n-copy);max-width:650px}.vz-next-actions{display:flex;gap:14px;align-items:stretch;margin-top:31px}.vz-store-btn,.vz-outline-btn{min-height:64px;border-radius:13px;text-decoration:none;display:flex;align-items:center;justify-content:center}.vz-store-btn{padding:0 22px;gap:13px;background:linear-gradient(135deg,#0968ec,#139dec);color:#fff;box-shadow:0 15px 30px rgba(8,105,237,.22)}.vz-store-btn svg{width:28px;fill:#fff}.vz-store-btn span{display:flex;flex-direction:column}.vz-store-btn b{font-size:15px}.vz-store-btn small{font-size:11px;opacity:.88}.vz-outline-btn{padding:0 24px;border:1px solid #cbd9ea;color:#0963cf;font-weight:800;background:#fff}.vz-review-note{margin-top:18px;color:#697a90;font-size:12px;display:flex;gap:8px;align-items:center}.vz-phone-stage{min-height:560px;position:relative;display:grid;place-items:center}.vz-orbit{position:absolute;width:460px;height:460px;border:1px dashed rgba(8,105,237,.32);border-radius:50%}.vz-phone{position:relative;width:310px;height:548px;padding:26px 19px 20px;border:9px solid rgba(225,233,242,.95);border-radius:48px;background:linear-gradient(160deg,#fff,#f7fbff);box-shadow:0 45px 90px rgba(29,82,144,.22);transform:rotate(5deg);z-index:2}.vz-phone-bar{height:22px;display:flex;justify-content:space-between;font-size:10px;font-weight:900}.vz-phone-bar i{width:54px;height:15px;border-radius:99px;background:#d7dee7}.vz-phone-head{display:flex;justify-content:space-between;align-items:center;margin:7px 0 17px}.vz-phone-head div{display:flex;flex-direction:column}.vz-phone-head b{font-size:19px}.vz-phone-head small{font-size:9px;color:#8996a6}.vz-phone-head>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #cfe0f3;border-radius:9px;color:#0969ed}.vz-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vz-phone-grid article{padding:13px;border:1px solid #e7edf5;border-radius:12px;background:#fff;box-shadow:0 9px 20px rgba(38,75,119,.06);display:flex;flex-direction:column}.vz-phone-grid small{font-size:9px;color:#738195}.vz-phone-grid strong{font-size:19px;margin:5px 0}.vz-phone-grid em{font-size:9px;color:#12a55c;font-style:normal}.vz-phone-list{margin-top:18px;display:grid;gap:9px}.vz-phone-list>b{font-size:11px}.vz-phone-list>span{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;background:#fff;border:1px solid #edf1f6}.vz-phone-list i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eaf3ff;color:#0969ed;font-style:normal}.vz-phone-list label{font-size:10px;font-weight:800;display:flex;flex-direction:column;flex:1}.vz-phone-list label small{font-size:8px;color:#8b98a8;font-weight:500}.vz-float{position:absolute;width:64px;height:64px;display:grid;place-items:center;border-radius:18px;color:#fff;font-size:28px;font-weight:900;box-shadow:0 20px 40px rgba(8,105,237,.25);z-index:3}.vz-float-chat{left:6%;top:24%;background:linear-gradient(135deg,#0759d5,#119df2)}.vz-float-secure{right:4%;bottom:25%;background:linear-gradient(135deg,#178ff0,#0961dc)}.vz-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--n-line);border-bottom:1px solid var(--n-line);background:#fff;padding:0 clamp(22px,4vw,64px)}.vz-feature-strip article{padding:28px;border-right:1px solid var(--n-line);display:flex;flex-direction:column}.vz-feature-strip article:last-child{border:0}.vz-feature-strip b{font-size:17px}.vz-feature-strip span{color:var(--n-copy);font-size:13px}.vz-systems-section{padding:88px clamp(22px,4vw,64px);text-align:center}.vz-section-head span,.vz-contact-panel>div>span{font-size:11px;letter-spacing:.14em;color:#0968e8;font-weight:900}.vz-section-head h2{font-size:42px;letter-spacing:-.04em;margin:12px 0}.vz-section-head p{color:var(--n-copy)}.vz-system-grid{margin-top:38px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.vz-system-grid a{min-height:245px;padding:26px 18px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--n-ink);border:1px solid #e1e9f2;border-radius:17px;background:#fff;box-shadow:0 14px 34px rgba(26,73,127,.055);transition:.25s}.vz-system-grid a:hover{transform:translateY(-6px);border-color:#bcd8f5;box-shadow:0 22px 45px rgba(26,73,127,.1)}.vz-system-grid i{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-size:24px;font-style:normal;background:#eaf4ff;color:#0969ed}.vz-system-grid b{font-size:15px;margin:19px 0 10px}.vz-system-grid span{font-size:12px;line-height:1.55;color:var(--n-copy)}.vz-system-grid small{margin-top:auto;color:#0969ed;font-weight:800}.vz-all-systems{display:inline-flex;margin-top:32px;padding:13px 23px;border:1px solid #cbdced;border-radius:11px;text-decoration:none;color:#0965d5;font-weight:800}.vz-contact-panel{margin:0 clamp(22px,4vw,64px) 38px;padding:40px 48px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-radius:20px;background:radial-gradient(circle at 95% 100%,rgba(20,144,238,.32),transparent 30%),linear-gradient(135deg,#06162d,#0a315d);color:#fff;box-shadow:0 22px 50px rgba(5,30,60,.17)}.vz-contact-panel>div+div{border-left:1px solid rgba(255,255,255,.22);padding-left:70px}.vz-contact-panel h2{font-size:25px;margin:9px 0}.vz-contact-panel p{color:#c6d5e6;font-size:13px}.vz-contact-panel a{display:inline-flex;margin-top:11px;padding:12px 17px;border-radius:10px;background:#fff;color:#075fc9;text-decoration:none;font-weight:850}.vz-contact-panel .vz-wa-button{color:#0b9d50}.vz-next-footer{padding:0 clamp(22px,4vw,64px) 35px;display:flex;justify-content:space-between;color:#718197;font-size:12px}.vz-next-footer nav{display:flex;gap:24px}.vz-next-footer a{color:#53657c;text-decoration:none}.vz-wa-float{position:fixed;right:20px;bottom:20px;z-index:1100;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#21c063;box-shadow:0 14px 30px rgba(22,153,79,.3)}.vz-wa-float svg{width:28px;fill:#fff}
@media(max-width:1050px){.vz-next-nav{display:none}.vz-next-hero{grid-template-columns:1fr 390px}.vz-system-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.vz-next-header{height:72px;padding:0 16px}.vz-next-main{padding-top:72px}.vz-next-brand img{width:44px;height:44px}.vz-next-brand strong{font-size:21px}.vz-next-login{margin-left:auto;width:46px;height:46px;padding:0;border-radius:14px}.vz-next-login span{display:none}.vz-next-login svg{width:22px}.vz-next-hero{display:block;min-height:0;padding:47px 20px 64px;background:radial-gradient(circle at 100% 55%,rgba(25,181,245,.15),transparent 30%),linear-gradient(180deg,#fff,#f1f8ff)}.vz-next-copy h1{font-size:clamp(43px,13vw,59px);margin-top:22px}.vz-next-copy>p{font-size:17px}.vz-next-actions{flex-direction:column}.vz-store-btn,.vz-outline-btn{width:100%}.vz-review-note{line-height:1.45}.vz-phone-stage{display:none}.vz-feature-strip{grid-template-columns:1fr;padding:0 20px}.vz-feature-strip article{border-right:0;border-bottom:1px solid var(--n-line);padding:20px 4px}.vz-feature-strip article:last-child{border-bottom:0}.vz-systems-section{padding:68px 20px}.vz-section-head h2{font-size:36px}.vz-system-grid{grid-template-columns:1fr 1fr;gap:10px}.vz-system-grid a{min-height:215px;padding:22px 13px}.vz-contact-panel{margin:0 16px 28px;padding:28px 22px;grid-template-columns:1fr;gap:30px}.vz-contact-panel>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:28px 0 0}.vz-next-footer{padding:0 20px 90px;display:grid;gap:18px}.vz-next-footer nav{flex-wrap:wrap}.vz-wa-float{width:48px;height:48px;right:16px;bottom:18px}.vz-wa-float svg{width:25px}}
@media(max-width:430px){.vz-next-brand strong{font-size:19px}.vz-system-grid{grid-template-columns:1fr}.vz-system-grid a{min-height:190px}.vz-next-copy h1{font-size:46px}.vz-next-pill{font-size:9px}.vz-store-btn b{font-size:14px}}
/* Public website final refinement */
.vz-next-nav a.active{color:#0969ed}.vz-next-login{flex:0 0 auto;justify-content:center}.vz-next-login svg{display:block;overflow:visible}.vz-sms-actions,.vz-sms-detail,.vz-feature-cards,.vz-pricing-grid,.vz-contact-cards{padding:88px clamp(22px,4vw,64px)}.vz-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.vz-action-grid a,.vz-feature-cards article,.vz-pricing-grid article,.vz-contact-cards a{border:1px solid #dfe9f4;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(22,69,123,.07);padding:28px;text-decoration:none;color:#071a35;transition:.25s}.vz-action-grid a:hover,.vz-contact-cards a:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(22,69,123,.12)}.vz-action-grid i{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eaf4ff;color:#0969ed;font-style:normal;font-weight:900}.vz-action-grid b{display:block;font-size:18px;margin:18px 0 10px}.vz-action-grid span{display:block;color:#607087;line-height:1.6;font-size:14px}.vz-action-grid small{display:block;margin-top:22px;color:#0969ed;font-weight:850}.vz-sms-detail{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center;background:#f6faff}.vz-sms-detail h2{font-size:44px;line-height:1.1;letter-spacing:-.04em;margin:22px 0}.vz-sms-detail p,.vz-sms-detail li{color:#586b82;line-height:1.7}.vz-sms-detail ul{padding-left:20px}.vz-primary-link{display:inline-flex;margin-top:17px;color:#0969ed;font-weight:850;text-decoration:none}.vz-detail-card{padding:35px;border-radius:24px;background:linear-gradient(150deg,#071b38,#0a4b87);color:#fff;box-shadow:0 30px 65px rgba(8,47,88,.24)}.vz-detail-card>span{font-size:11px;letter-spacing:.13em;color:#78c8ff;font-weight:900}.vz-detail-card>strong{font-size:72px;display:block;margin-top:18px}.vz-detail-card>small{color:#c3d9ee}.vz-detail-card hr{border:0;border-top:1px solid rgba(255,255,255,.17);margin:28px 0}.vz-detail-card p{color:#d6e4f2}.vz-inner-hero{padding:120px clamp(22px,8vw,130px) 90px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(38,167,246,.17),transparent 40%),linear-gradient(180deg,#fff,#f5faff)}.vz-inner-hero>span{font-size:12px;letter-spacing:.15em;color:#0969ed;font-weight:900}.vz-inner-hero h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.055em;line-height:1.03;max-width:1000px;margin:22px auto}.vz-inner-hero p{max-width:760px;margin:auto;color:#5c6e84;font-size:18px;line-height:1.7}.vz-inner-hero>div{display:flex;justify-content:center;gap:14px;margin-top:32px}.vz-feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vz-feature-cards article i{font-style:normal;color:#0969ed;font-size:27px}.vz-feature-cards h3{font-size:19px;margin:18px 0 10px}.vz-feature-cards p{color:#607087;line-height:1.65;font-size:14px}.vz-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vz-pricing-grid article.featured{border-color:#3a9df0;box-shadow:0 25px 60px rgba(9,105,237,.15);transform:translateY(-10px)}.vz-pricing-grid article>span{font-size:11px;letter-spacing:.12em;color:#0969ed;font-weight:900}.vz-pricing-grid h2{font-size:36px;margin:16px 0}.vz-pricing-grid p,.vz-pricing-grid li{color:#607087;line-height:1.65}.vz-pricing-grid a{display:inline-flex;margin-top:20px;color:#0969ed;font-weight:850;text-decoration:none}.vz-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vz-contact-cards a{display:flex;flex-direction:column}.vz-contact-cards i{font-size:30px;color:#0baa57;font-style:normal}.vz-contact-cards b{font-size:21px;margin:18px 0 8px}.vz-contact-cards span{color:#607087}.vz-contact-cards small{margin-top:25px;color:#0969ed;font-weight:850}
@media(max-width:1050px){.vz-action-grid,.vz-feature-cards{grid-template-columns:repeat(2,1fr)}.vz-pricing-grid{grid-template-columns:1fr}.vz-pricing-grid article.featured{transform:none}.vz-sms-detail{grid-template-columns:1fr}.vz-contact-cards{grid-template-columns:1fr}}
@media(max-width:760px){.vz-next-login{width:48px!important;height:48px!important;padding:0!important;border-radius:15px!important;display:grid!important;place-items:center!important}.vz-next-login svg{width:23px!important;height:23px!important;margin:0!important}.vz-sms-actions,.vz-sms-detail,.vz-feature-cards,.vz-pricing-grid,.vz-contact-cards{padding:62px 20px}.vz-action-grid,.vz-feature-cards{grid-template-columns:1fr}.vz-sms-detail h2{font-size:36px}.vz-detail-card>strong{font-size:58px}.vz-inner-hero{padding:82px 20px 62px}.vz-inner-hero h1{font-size:44px}.vz-inner-hero>div{flex-direction:column}.vz-contact-cards{grid-template-columns:1fr}}

/* Release 20260729: SMS preview, account security, contacts, templates and Sender ID mapping */
.template-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.preview-assurance{display:block;margin-top:10px;color:#607087;line-height:1.5}.danger-note{border-color:#f4c8c8!important;background:#fff7f7!important}.count-chip{padding:7px 11px;border-radius:999px;background:#eef6ff;color:#0969ed;font-size:12px;font-weight:800;white-space:nowrap}.form-intro{margin:-2px 0 16px;color:#66778d;font-size:13px;line-height:1.55}.icon-delete{width:34px;height:34px;border:1px solid #e3e9f0;border-radius:10px;background:#fff;color:#9b3440;font-size:20px;line-height:1;cursor:pointer}.icon-delete:hover{background:#fff3f4;border-color:#edc9ce}.group-summary>div{display:flex!important;justify-content:space-between;align-items:center;gap:10px}.group-summary>div>span{display:flex;flex-direction:column}.group-summary small{color:#718096}.enhanced-template-list article footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f6}.enhanced-template-list article footer form{margin:0}.sms-preview-overlay{position:fixed;inset:0;z-index:5000;background:rgba(5,18,38,.68);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px;overflow:auto}.sms-preview-card{width:min(760px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 35px 90px rgba(1,17,42,.32);padding:26px}.preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e8eef5;padding-bottom:18px}.preview-head span{font-size:10px;letter-spacing:.15em;color:#0969ed;font-weight:900}.preview-head h2{margin:6px 0 4px}.preview-head p{margin:0;color:#67778d}.preview-head>button{width:40px;height:40px;border:1px solid #dce6f0;border-radius:12px;background:#f7faff;font-size:24px;cursor:pointer}.preview-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.preview-summary-grid>div{padding:13px;border:1px solid #e3eaf2;border-radius:14px;background:#f9fbfe}.preview-summary-grid span{display:block;color:#748397;font-size:11px}.preview-summary-grid b{display:block;margin-top:5px;font-size:14px}.phone-message-preview{max-width:470px;margin:18px auto;padding:17px;border-radius:18px;background:#eaf4ff;border:1px solid #cfe4fb}.phone-message-top{display:flex;justify-content:space-between;color:#0969ed;margin-bottom:10px}.phone-message-preview p{margin:0;background:#fff;border-radius:14px 14px 14px 4px;padding:14px;line-height:1.55;box-shadow:0 8px 20px rgba(16,74,143,.08);white-space:normal;overflow-wrap:anywhere}.preview-recipient-list{margin-top:18px}.preview-recipient-list>span{display:block;font-size:11px;color:#718096;margin-bottom:8px}.preview-recipient-list>div{display:flex;flex-wrap:wrap;gap:7px}.preview-recipient-list b{padding:7px 9px;border-radius:10px;background:#f1f5f9;font-size:12px}.preview-credit-warning{margin-top:18px;padding:13px 15px;border-radius:12px;background:#fff4f4;border:1px solid #f2c5c8;color:#a12835;font-weight:700}.preview-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #e8eef5}.preview-actions form{margin:0}.mapped-sender-strip{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px;margin-bottom:18px;border-radius:20px;background:linear-gradient(135deg,#061a36,#0a4f8d);color:#fff;box-shadow:0 20px 45px rgba(7,54,102,.18)}.mapped-sender-strip>div:first-child span{font-size:10px;letter-spacing:.14em;color:#76c9ff;font-weight:900}.mapped-sender-strip h3{margin:7px 0 4px}.mapped-sender-strip p{margin:0;color:#cfdeed}.mapped-sender-strip>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mapped-sender-strip>div:last-child>b{min-width:116px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.mapped-sender-strip b small{display:block;margin-top:4px;color:#cbe4fa;font-weight:500;font-size:10px}.empty-mapped{background:#fff;border:1px solid #dfe8f2;color:#14213d;box-shadow:none}.empty-mapped>div:first-child span{color:#0969ed}.empty-mapped p{color:#64748b}.mapping-source{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f1f5f9;color:#53657b;font-size:11px;font-weight:800;white-space:nowrap}.mapping-source.admin{background:#e8f3ff;color:#0969ed}.sender-mapping-card{margin-bottom:18px}.sender-mapping-form{display:grid;grid-template-columns:1.35fr .75fr 1fr 1fr auto;gap:12px;align-items:end}.sender-mapping-form label{margin:0}.sender-mapping-form .btn{height:46px;white-space:nowrap}.security-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;max-width:980px;margin:0 auto}.security-intro{padding:34px;background:linear-gradient(145deg,#061a36,#0b4d88);color:#fff}.security-intro h2{font-size:32px;margin:12px 0}.security-intro p{color:#ccdeef;line-height:1.65}.security-points{display:grid;gap:12px;margin-top:28px}.security-points span{padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07)}.security-form-card{padding:30px}.contacts-page-grid,.templates-page-grid{align-items:start}
@media(max-width:1000px){.sender-mapping-form{grid-template-columns:1fr 1fr}.sender-mapping-form .btn{grid-column:1/-1}.preview-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.template-select-row{grid-template-columns:1fr}.sms-preview-overlay{padding:10px;align-items:end}.sms-preview-card{max-height:94vh;border-radius:22px 22px 0 0;padding:20px}.preview-summary-grid{grid-template-columns:1fr 1fr}.preview-actions{display:grid;grid-template-columns:1fr}.preview-actions .btn,.preview-actions form,.preview-actions form button{width:100%}.mapped-sender-strip{display:block;padding:20px}.mapped-sender-strip>div:last-child{justify-content:flex-start;margin-top:18px}.sender-mapping-form{grid-template-columns:1fr}.sender-mapping-form .btn{grid-column:auto;width:100%}.security-page{grid-template-columns:1fr}.security-intro{padding:25px}.security-form-card{padding:22px}}


/* Vozua SMS advanced public website — front-end only */
.vz-pro-landing{--pro-navy:#071b3a;--pro-blue:#0969ed;--pro-cyan:#18a7f2;--pro-text:#50657f;--pro-line:#dce7f3;overflow:hidden}.vz-pro-header{height:78px;background:rgba(255,255,255,.9);border-color:rgba(13,68,128,.1);box-shadow:0 8px 35px rgba(19,67,121,.07)}.vz-pro-header .vz-next-brand span{display:flex;flex-direction:column}.vz-pro-header .vz-next-brand strong{font-size:20px}.vz-pro-header .vz-next-brand small{font-size:9px;color:#71839a;letter-spacing:.03em}.vz-pro-header .vz-next-brand img{width:43px;height:43px;border-radius:13px}.vz-pro-header .vz-next-nav a{position:relative;padding:29px 0;color:#40536c}.vz-pro-header .vz-next-nav a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;border-radius:99px;background:#0a6bed;transform:scaleX(0);transition:.2s}.vz-pro-header .vz-next-nav a:hover,.vz-pro-header .vz-next-nav a.active{color:#075cc9}.vz-pro-header .vz-next-nav a.active:after{transform:scaleX(1)}.vz-pro-header__actions{display:flex;align-items:center;gap:10px}.vz-pro-header__app{height:42px;padding:0 16px;display:flex;align-items:center;border:1px solid #cddceb;border-radius:11px;color:#0a61cb;text-decoration:none;font-size:13px;font-weight:800;background:#fff}.vz-pro-header .vz-next-login{height:42px;border-radius:11px;padding:0 17px;box-shadow:none}.vz-pro-header .vz-next-login svg{width:18px}.vz-pro-hero{min-height:720px;padding:92px clamp(24px,5vw,78px) 78px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:center;background:radial-gradient(circle at 77% 30%,rgba(18,153,244,.17),transparent 30%),radial-gradient(circle at 5% 75%,rgba(9,105,237,.08),transparent 22%),linear-gradient(145deg,#fff 5%,#f8fbff 62%,#edf7ff);position:relative}.vz-pro-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,79,147,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,79,147,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,black,transparent 72%);pointer-events:none}.vz-pro-hero__copy,.vz-pro-visual{position:relative;z-index:1}.vz-pro-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #cfe0f4;border-radius:999px;background:rgba(255,255,255,.72);font-size:10px;font-weight:900;letter-spacing:.11em;color:#0964d4}.vz-pro-eyebrow span{width:7px;height:7px;border-radius:50%;background:#18a7f2;box-shadow:0 0 0 5px rgba(24,167,242,.12)}.vz-pro-hero h1{max-width:760px;margin:24px 0 24px;font-size:clamp(49px,5.2vw,76px);line-height:1.01;letter-spacing:-.057em;color:var(--pro-navy)}.vz-pro-hero h1 em{font-style:normal;background:linear-gradient(110deg,#075ed8,#14a8ef);-webkit-background-clip:text;background-clip:text;color:transparent}.vz-pro-hero__copy>p{max-width:680px;font-size:17px;line-height:1.7;color:var(--pro-text)}.vz-pro-actions{display:flex;align-items:center;gap:12px;margin-top:29px}.vz-pro-primary{height:58px;padding:0 24px;border-radius:13px;display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,#0865e5,#0e9beb);color:#fff;text-decoration:none;font-size:14px;font-weight:850;box-shadow:0 16px 34px rgba(8,105,237,.23)}.vz-pro-primary span{font-size:20px}.vz-pro-play{height:58px;padding:0 18px;display:inline-flex;align-items:center;gap:11px;border:1px solid #ccdceb;border-radius:13px;background:#fff;color:#102641;text-decoration:none}.vz-pro-play svg{width:27px;fill:#0969ed}.vz-pro-play span{display:flex;flex-direction:column}.vz-pro-play small{font-size:8px;letter-spacing:.12em;color:#667a93;font-weight:800}.vz-pro-play strong{font-size:16px;line-height:1.15}.vz-pro-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:#52667e;font-size:11px;font-weight:700}.vz-pro-trust span{display:flex;align-items:center;gap:7px}.vz-pro-trust i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e8f7ef;color:#10a45a;font-style:normal;font-size:10px}.vz-pro-visual{min-height:520px;display:grid;place-items:center}.vz-pro-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(31,171,247,.28),rgba(9,105,237,.04) 58%,transparent 70%);filter:blur(7px)}.vz-pro-preview{position:relative;width:min(100%,720px);border:1px solid rgba(134,180,226,.42);border-radius:30px;overflow:hidden;background:#fff;padding:10px;box-shadow:0 44px 90px rgba(15,68,128,.23);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.vz-pro-preview img{display:block;width:100%;height:auto;border-radius:21px}.vz-pro-preview:after{content:"";position:absolute;inset:10px;border-radius:21px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);pointer-events:none}.vz-pro-float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(206,225,243,.9);border-radius:14px;background:rgba(255,255,255,.93);box-shadow:0 20px 40px rgba(26,76,131,.14);backdrop-filter:blur(14px)}.vz-pro-float>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9f4ff;color:#0870e9;font-size:13px;font-weight:900}.vz-pro-float div{display:flex;flex-direction:column}.vz-pro-float b{font-size:13px;color:#0a2341}.vz-pro-float small{font-size:9px;color:#71849b}.vz-pro-float--delivery{right:-12px;top:24px}.vz-pro-float--api{left:-27px;bottom:38px}.vz-pro-stats{margin:-1px 0 0;padding:0 clamp(24px,5vw,78px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--pro-line);border-bottom:1px solid var(--pro-line);background:#fff}.vz-pro-stats article{padding:27px 32px;border-right:1px solid var(--pro-line);display:flex;flex-direction:column}.vz-pro-stats article:last-child{border:0}.vz-pro-stats strong{font-size:18px;color:var(--pro-navy)}.vz-pro-stats span{margin-top:3px;font-size:11px;color:#71839a}.vz-pro-section{padding:100px clamp(24px,5vw,78px)}.vz-pro-heading{max-width:750px;margin:0 auto 46px;text-align:center}.vz-pro-heading>span,.vz-pro-kicker,.vz-pro-app__copy>span,.vz-pro-final>div>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#0967db}.vz-pro-heading h2,.vz-pro-api h2,.vz-pro-app h2,.vz-pro-final h2{margin:12px 0 16px;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.045em;color:var(--pro-navy)}.vz-pro-heading p{font-size:15px;line-height:1.7;color:var(--pro-text)}.vz-pro-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1220px;margin:auto}.vz-pro-feature-grid article{min-height:238px;padding:27px;border:1px solid #e0e9f2;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(27,73,125,.045);transition:.25s}.vz-pro-feature-grid article:hover{transform:translateY(-5px);border-color:#bfd9f4;box-shadow:0 22px 45px rgba(27,73,125,.09)}.vz-pro-feature-grid i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e8f4ff,#f5faff);color:#0969ed}.vz-pro-feature-grid svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vz-pro-feature-grid h3{margin:20px 0 9px;font-size:17px;color:var(--pro-navy)}.vz-pro-feature-grid p{margin:0;font-size:12px;line-height:1.65;color:#667a92}.vz-pro-center{text-align:center}.vz-pro-text-link{display:inline-flex;align-items:center;gap:12px;margin-top:34px;color:#0967dc;text-decoration:none;font-size:13px;font-weight:850}.vz-pro-api{margin:0 clamp(24px,5vw,78px);padding:72px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(18,153,244,.2),transparent 32%),linear-gradient(135deg,#06162e,#0b315e);color:#fff;box-shadow:0 28px 70px rgba(7,35,69,.18)}.vz-pro-api .vz-pro-kicker{color:#66c7ff}.vz-pro-api h2{color:#fff}.vz-pro-api__copy>p{color:#bfd0e3;line-height:1.75;font-size:14px}.vz-pro-api ul{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.vz-pro-api li{font-size:12px;color:#d7e4f1}.vz-pro-api li span{color:#42d48b;margin-right:7px}.vz-pro-api__copy>a{color:#fff;text-decoration:none;font-size:13px;font-weight:850}.vz-pro-code{border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:#071426;box-shadow:0 25px 60px rgba(0,0,0,.25)}.vz-pro-code__bar{height:47px;padding:0 17px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.09);background:#0b1b31}.vz-pro-code__bar span{width:8px;height:8px;border-radius:50%;background:#58708c}.vz-pro-code__bar small{margin-left:auto;color:#7187a0}.vz-pro-code pre{margin:0;padding:28px;overflow:auto;color:#bcd0e5;font-size:12px;line-height:1.75}.vz-pro-code b{color:#55c7ff}.vz-pro-code em{font-style:normal;color:#c498ff}.vz-pro-code code span{color:#6edda5}.vz-pro-code__result{padding:15px 22px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#a9bed4}.vz-pro-code__result span{display:inline-flex;margin-right:9px;padding:3px 7px;border-radius:6px;background:rgba(52,211,153,.13);color:#54daa0;font-weight:900}.vz-pro-industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:1100px;margin:auto}.vz-pro-industry-grid article{padding:23px;border:1px solid #e0e9f3;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fbff)}.vz-pro-industry-grid b{font-size:15px;color:var(--pro-navy)}.vz-pro-industry-grid p{margin:7px 0 0;color:#708198;font-size:11px}.vz-pro-app{margin:0 clamp(24px,5vw,78px) 100px;padding:68px 8% 0;min-height:480px;display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 85% 30%,rgba(25,172,247,.25),transparent 32%),linear-gradient(135deg,#eef7ff,#fbfdff);border:1px solid #dce9f5}.vz-pro-app__copy{padding-bottom:68px}.vz-pro-app__copy>p{max-width:620px;color:var(--pro-text);font-size:14px;line-height:1.75}.vz-pro-play--dark{background:#071b36;color:#fff;border-color:#071b36}.vz-pro-play--dark svg{fill:#fff}.vz-pro-play--dark small{color:#afc1d4}.vz-pro-app__link{color:#0966d7;text-decoration:none;font-size:13px;font-weight:850}.vz-pro-app__phone{align-self:end;width:290px;height:410px;margin:auto;padding:42px 25px;border:9px solid #0a1e39;border-bottom:0;border-radius:42px 42px 0 0;background:linear-gradient(160deg,#fff,#eaf5ff);box-shadow:0 25px 65px rgba(14,69,130,.2);position:relative;text-align:center}.vz-pro-phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:78px;height:16px;border-radius:99px;background:#0a1e39}.vz-pro-app-icon img{width:65px;height:65px;border-radius:20px}.vz-pro-app__phone h3{font-size:22px;margin:15px 0 5px;color:var(--pro-navy)}.vz-pro-app__phone>p{font-size:11px;line-height:1.5;color:#6d8097}.vz-pro-mini-card{margin-top:23px;padding:17px;text-align:left;border-radius:15px;background:#fff;box-shadow:0 13px 30px rgba(24,75,132,.1);display:flex;flex-direction:column}.vz-pro-mini-card span{font-size:9px;color:#77899c}.vz-pro-mini-card b{font-size:25px;margin:5px 0;color:var(--pro-navy)}.vz-pro-mini-card small{color:#11a860;font-size:9px}.vz-pro-final{margin:0 clamp(24px,5vw,78px) 48px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:45px;border-radius:24px;background:linear-gradient(125deg,#0866e4,#0b9fe8);color:#fff;box-shadow:0 25px 55px rgba(8,105,237,.2)}.vz-pro-final>div>span{color:#bfeaff}.vz-pro-final h2{max-width:760px;color:#fff;font-size:36px}.vz-pro-final p{margin:0;color:#d8edff;font-size:13px}.vz-pro-final__actions{display:flex;gap:10px;flex-shrink:0}.vz-pro-final__actions a{height:48px;padding:0 18px;display:flex;align-items:center;border-radius:11px;background:#fff;color:#0865d8;text-decoration:none;font-size:12px;font-weight:850}.vz-pro-final__actions a+ a{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.35);color:#fff}.vz-pro-landing .vz-contact-panel{display:none}
@media(max-width:1100px){.vz-pro-hero{grid-template-columns:1fr 480px;gap:35px}.vz-pro-api{padding:55px;gap:45px}.vz-pro-header__app{display:none}}
@media(max-width:820px){.vz-pro-header{height:70px}.vz-pro-header .vz-next-brand small{display:none}.vz-pro-header__actions{margin-left:auto}.vz-pro-header .vz-next-login{width:auto}.vz-pro-hero{display:block;min-height:0;padding:58px 20px 70px}.vz-pro-hero h1{font-size:clamp(43px,12vw,61px)}.vz-pro-visual{margin-top:55px;min-height:0}.vz-pro-preview{transform:none}.vz-pro-float--delivery{right:5px;top:-25px}.vz-pro-float--api{left:5px;bottom:-25px}.vz-pro-stats{grid-template-columns:1fr 1fr;padding:0 20px}.vz-pro-stats article{border-bottom:1px solid var(--pro-line)}.vz-pro-stats article:nth-child(2){border-right:0}.vz-pro-section{padding:75px 20px}.vz-pro-feature-grid{grid-template-columns:1fr 1fr}.vz-pro-api{margin:0 16px;padding:38px 25px;grid-template-columns:1fr}.vz-pro-industry-grid{grid-template-columns:1fr 1fr}.vz-pro-app{margin:0 16px 75px;padding:48px 25px 0;grid-template-columns:1fr}.vz-pro-app__copy{padding-bottom:0}.vz-pro-app__phone{height:360px}.vz-pro-final{margin:0 16px 32px;padding:38px 26px;display:block}.vz-pro-final__actions{margin-top:25px;flex-wrap:wrap}}
@media(max-width:520px){.vz-pro-header .vz-next-brand strong{font-size:18px}.vz-pro-header .vz-next-login span{display:inline}.vz-pro-header .vz-next-login{width:auto;padding:0 14px}.vz-pro-actions{flex-direction:column;align-items:stretch}.vz-pro-primary,.vz-pro-play{width:100%;justify-content:center}.vz-pro-trust{gap:12px}.vz-pro-visual{margin-top:45px}.vz-pro-float{display:none}.vz-pro-stats article{padding:22px 10px}.vz-pro-feature-grid,.vz-pro-industry-grid{grid-template-columns:1fr}.vz-pro-feature-grid article{min-height:0}.vz-pro-api ul{grid-template-columns:1fr}.vz-pro-api pre{font-size:10px;padding:20px}.vz-pro-app{border-radius:22px}.vz-pro-app__phone{width:250px}.vz-pro-final h2{font-size:30px}.vz-pro-final__actions{flex-direction:column}.vz-pro-final__actions a{justify-content:center}}