:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eaf5ff;background:#061525}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#061525}button,input,select,textarea{font:inherit}.boot{height:100vh;display:grid;place-content:center;color:#7893aa;text-align:center}.boot span{width:38px;height:38px;margin:auto;border:3px solid #183c5d;border-top-color:#1b91fb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 15% 20%,#164d78,transparent 35%),#041222}.login-story{padding:8vw;display:flex;flex-direction:column;justify-content:center}.brand{display:flex;align-items:center;gap:9px}.brand i{width:34px;height:34px;display:block;border-radius:10px;background:linear-gradient(145deg,#1d9aff,#0860c8);box-shadow:inset 0 0 0 9px rgba(255,255,255,.84)}.brand strong{font-size:22px;letter-spacing:-1px}.brand strong span{color:#49acff}.login-story h1{max-width:620px;margin:60px 0 16px;font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-4px}.login-story h1 span{color:#54b4ff}.login-story p{max-width:570px;color:#9cb5c9;line-height:1.7}.login-wrap{padding:24px;display:grid;place-items:center;background:#f4f7fa}.login-card{width:min(100%,420px);padding:36px;border:1px solid #dce5ec;border-radius:18px;color:#10263a;background:#fff;box-shadow:0 25px 70px rgba(0,20,40,.12)}.login-card h2{margin:28px 0 7px;font-size:27px}.login-card>p{margin:0 0 25px;color:#708395;font-size:13px}.field{display:grid;gap:6px;margin-bottom:14px}.field span{color:#6c7e8e;font-size:11px}.field input,.field select,.field textarea{width:100%;height:44px;padding:0 12px;border:1px solid #d3dee7;border-radius:8px;outline:0;color:#152b3d;background:#fbfcfd}.field textarea{height:90px;padding-top:10px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#168bfa;box-shadow:0 0 0 3px rgba(22,139,250,.1)}.primary{min-height:41px;padding:0 15px;border:0;border-radius:8px;color:#fff;background:linear-gradient(145deg,#1a91fc,#0868d8);font-weight:700}.login-card .primary{width:100%;height:48px;margin-top:6px}.form-error,.alert{padding:10px 12px;border:1px solid #f1b2b2;border-radius:8px;color:#a52b2b;background:#fff0f0;font-size:11px}.admin{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{height:100vh;padding:24px 16px;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid #15344e;background:#071a2d}.sidebar .brand{padding:0 7px 28px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{height:43px;padding:0 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;color:#88a4bb;background:transparent;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:linear-gradient(145deg,#124d7c,#0a3458)}.sidebar nav button b{width:22px;color:#4e9ee2;text-align:center}.sidebar-foot{margin-top:auto}.sidebar-foot button{width:100%;height:41px;border:1px solid #22455f;border-radius:8px;color:#9bb2c4;background:transparent}.main{min-width:0}.topbar{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #16334b;background:rgba(7,26,45,.92);backdrop-filter:blur(10px)}.topbar h1{margin:0;font-size:16px}.topbar span{color:#7591aa;font-size:10px}.content{padding:28px 30px}.page-head{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.page-head h2{margin:0 0 5px;font-size:27px}.page-head p{margin:0;color:#7f9ab1;font-size:12px}.refresh{height:38px;padding:0 12px;border:1px solid #244761;border-radius:8px;color:#9ed2fa;background:#0a2338}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:18px;border:1px solid #193b56;border-radius:12px;background:linear-gradient(145deg,#0a2943,#071f35)}.metric span{color:#7894ac;font-size:10px}.metric strong{margin-top:8px;display:block;font-size:25px}.metric small{margin-top:7px;display:block;color:#49c98b;font-size:9px}.panel{margin-top:16px;padding:17px;border:1px solid #193a55;border-radius:12px;background:#081f35}.panel-head{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.panel h3{margin:0;font-size:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{padding:9px 10px;border-bottom:1px solid #22425b;color:#718fa8;font-size:9px;font-weight:500;text-align:left;text-transform:uppercase;white-space:nowrap}.table td{padding:11px 10px;border-bottom:1px solid #142f46;color:#c7d9e8;font-size:10px;white-space:nowrap}.table td small{display:block;margin-top:3px;color:#6f8ba3}.badge{padding:4px 7px;border-radius:20px;color:#edb761;background:rgba(209,139,33,.14);font-size:8px;text-transform:uppercase}.badge.active,.badge.approved,.badge.paid,.badge.completed,.badge.verified,.badge.healthy{color:#67dba1;background:rgba(40,181,108,.14)}.badge.failed,.badge.rejected,.badge.suspended,.badge.disabled,.badge.unhealthy{color:#ff9999;background:rgba(211,57,57,.14)}.row-actions{display:flex;gap:5px}.row-actions button{padding:5px 7px;border:1px solid #28516f;border-radius:5px;color:#a8d7fb;background:transparent;font-size:8px}.row-actions button.danger{color:#ffaaaa;border-color:#643d48}.empty{padding:34px;color:#708da5;font-size:11px;text-align:center}.alert{margin-bottom:14px}.alert.success{border-color:#2d7253;color:#7de0aa;background:#092c21}.gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.driver-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.driver{padding:12px;border:1px solid #1d425e;border-radius:9px;background:#08253e}.driver strong,.driver small{display:block}.driver small{margin-top:5px;color:#7896ae}.config-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.config-form .full{grid-column:1/-1}.config-form .primary{align-self:end}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.channel-row{padding:10px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #183b56;border-radius:8px}.channel-row strong,.channel-row small{display:block}.channel-row small{margin-top:3px;color:#7793aa;font-size:8px}.channel-row button{padding:5px 7px;border:1px solid #28516f;border-radius:5px;color:#a8d7fb;background:transparent;font-size:8px}@media(max-width:900px){.login{grid-template-columns:1fr}.login-story{display:none}.admin{grid-template-columns:1fr}.sidebar{width:100%;height:auto;padding:11px;position:fixed;z-index:5;bottom:0;top:auto;border:0;border-top:1px solid #183b56}.sidebar .brand,.sidebar-foot{display:none}.sidebar nav{grid-template-columns:repeat(6,1fr)}.sidebar nav button{padding:0;display:grid;place-items:center;font-size:8px}.sidebar nav button b{display:none}.topbar{height:58px;padding:0 16px}.content{padding:18px 14px 82px}.metrics{grid-template-columns:1fr 1fr}.gateway-grid{grid-template-columns:1fr}.page-head h2{font-size:22px}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.sidebar nav button{font-size:0}.sidebar nav button:after{content:attr(data-short);font-size:8px}.config-form,.channel-grid{grid-template-columns:1fr}}