@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap');
:root{--brand:#2364ff;--brand2:#00b894;--ink:#12213f;--muted:#6f7d96;--bg:#f3f7ff;--card:#fff;--line:#e4eaf4;--nav:#07152f;--shadow:0 18px 55px rgba(37,72,132,.12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#dfeaff 0,transparent 28%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.navbar{background:rgba(7,21,47,.94)!important;backdrop-filter:blur(14px);min-height:72px;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-brand{font-family:Manrope,sans-serif;letter-spacing:-.5px}.logo-dot{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 8px 24px rgba(35,100,255,.35)}.sidebar{width:260px;min-height:calc(100vh - 72px);background:linear-gradient(180deg,#07152f,#0b2246);padding:22px 14px!important;position:sticky;top:72px}.sidebar a{display:flex;align-items:center;gap:12px;color:#c9d6ee;text-decoration:none;padding:13px 15px;border-radius:13px;margin:4px 0;font-weight:600;transition:.25s}.sidebar a i{width:22px;text-align:center}.sidebar a:hover{color:#fff;background:rgba(255,255,255,.09);transform:translateX(3px)}.content{min-width:0;max-width:1600px}.cardx,.neo-card{background:rgba(255,255,255,.92);border:1px solid rgba(222,231,245,.9);border-radius:24px;box-shadow:var(--shadow);padding:24px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-head h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1.3px;margin:5px 0}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:1.5px;color:var(--brand)}.secure-pill,.live-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:#e8fff8;color:#08785f;font-weight:700;font-size:.82rem}.live-chip span{width:8px;height:8px;border-radius:50%;background:#12b886;box-shadow:0 0 0 5px rgba(18,184,134,.14)}.gateway-card{padding:32px}.gateway-visual{display:flex;align-items:center;gap:18px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#eef4ff,#e9fff8);border:1px dashed #b6c9ef}.gateway-visual small{display:block;color:var(--muted);margin-top:4px}.fingerprint{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:#fff;color:var(--brand);font-size:30px;box-shadow:0 10px 25px rgba(35,100,255,.15)}.btn-brand{border:0;border-radius:14px;padding:13px 22px;background:linear-gradient(135deg,var(--brand),#1549c9);color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(35,100,255,.28)}.btn-brand:hover{color:#fff;transform:translateY(-1px)}.check-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);color:#45536b}.check-row i{color:var(--brand2)}.hero{background:linear-gradient(135deg,#0b48c8,#00a982);color:#fff;border-radius:26px}.stat{padding:20px}.stat .icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eaf1ff;color:var(--brand)}.form-control,.form-select{border-radius:12px;border-color:#dce4f1;padding:11px 13px}.form-control:focus,.form-select:focus{border-color:#8eb0ff;box-shadow:0 0 0 .22rem rgba(35,100,255,.12)}.table{--bs-table-bg:transparent}.badge{border-radius:999px}.status-success{color:#118847}.status-pending{color:#b87700}.status-failed{color:#c0392b}footer{background:#fff;border-top:1px solid var(--line)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#07152f}.login-brand{position:relative;overflow:hidden;padding:7vw;color:#fff;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#07152f 15%,#113a8d 65%,#00a982)}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:80px solid rgba(255,255,255,.05);right:-130px;bottom:-130px}.login-brand h1{font:800 clamp(42px,6vw,82px)/.98 Manrope,sans-serif;letter-spacing:-4px;max-width:700px}.login-brand p{max-width:560px;color:#d9e6ff;font-size:1.05rem}.login-panel{background:#f7f9fe;display:grid;place-items:center;padding:30px}.login-card{width:min(460px,100%);background:#fff;border-radius:28px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
@media(max-width:900px){.sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;min-height:auto;z-index:1030;display:flex;overflow:auto;padding:8px!important}.sidebar a{font-size:0;min-width:58px;justify-content:center;margin:0}.sidebar a i{font-size:19px}.content{padding-bottom:90px!important}.page-head{align-items:flex-start;flex-direction:column}.login-shell{grid-template-columns:1fr}.login-brand{display:none}}