:root{--primary:#153e75;--primary-2:#0b5cad;--ink:#172033;--muted:#667085;--bg:#f5f7fb;--card:#fff;--line:#e6eaf0;--success:#198754;--warning:#f59f00;--danger:#dc3545;--info:#0d6efd;--radius:18px;--shadow:0 12px 30px rgba(16,24,40,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none}.landing{min-height:100vh;background:radial-gradient(circle at top left,#e9f2ff,transparent 34%),var(--bg);padding:48px 18px}.brand-mark{width:230px;}.hero-card,.cardx{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.role-card{transition:.18s;min-height:260px}.role-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(21,62,117,.14)}.role-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#eef5ff;color:var(--primary);font-size:1.75rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:282px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);z-index:1030;transition:.2s;overflow:auto}.sidebar.collapsed{width:86px}.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-title,.sidebar.collapsed .demo-pill span{display:none}.main{margin-left:282px;min-width:0;flex:1;transition:.2s}.main.collapsed{margin-left:86px}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1020}.content{padding:24px}.nav-linkx{display:flex;gap:12px;align-items:center;padding:11px 14px;margin:4px 12px;border-radius:12px;color:#344054;font-weight:600}.nav-linkx:hover,.nav-linkx.active{background:#eef5ff;color:var(--primary)}.kpi{padding:18px}.kpi .value{font-size:1.45rem;font-weight:800}.badge-soft{border:1px solid currentColor;border-radius:999px;padding:.35rem .6rem;font-weight:700;font-size:.75rem}.status-success{color:var(--success);background:#eaf7ef}.status-warning{color:#9a6700;background:#fff6df}.status-danger{color:var(--danger);background:#fdecee}.status-info{color:var(--info);background:#edf5ff}.table-card{overflow:auto}.table{vertical-align:middle}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#0d315f;border-color:#0d315f}.qr{width:132px;height:132px;background:repeating-linear-gradient(90deg,#111 0 8px,#fff 8px 14px),repeating-linear-gradient(0deg,rgba(255,255,255,.55) 0 9px,rgba(0,0,0,.18) 9px 15px);border:10px solid #fff;box-shadow:inset 0 0 0 2px #111;border-radius:8px}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:#d9e2ef}.timeline-item{position:relative;margin-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-22px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #e9f2ff}.wizard-step{display:none}.wizard-step.active{display:block}.stepper{display:flex;gap:8px;flex-wrap:wrap}.stepper span{padding:8px 12px;border-radius:999px;background:#eef2f6;color:#667085;font-weight:700}.stepper span.active{background:var(--primary);color:#fff}.search-panel{position:absolute;right:0;top:52px;width:min(520px,90vw);z-index:1060}.security-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.security-item{background:#f8fbff;border:1px solid #d9e8fb;border-radius:14px;padding:12px;text-align:center;font-weight:700;color:var(--primary)}.form-label.required:after{content:" *";color:var(--danger)}canvas{max-height:330px}.prototype-label{background:#fff3cd;color:#7a5b00;border:1px solid #ffe69c;border-radius:999px;padding:.25rem .65rem;font-size:.76rem;font-weight:800}.progress{height:10px}.list-metric{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.risk-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.empty{border:1px dashed #c7d2e0;border-radius:16px;padding:28px;text-align:center;color:var(--muted);background:#fbfcfe}.modal-content{border-radius:20px}.alert-fraud{border-left:6px solid var(--danger);background:#fff5f5}.breadcrumb{font-size:.9rem}.dropdown-menu{box-shadow:var(--shadow);border-color:var(--line)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1.15fr);background:#fff}.login-brand{position:relative;overflow:hidden;padding:clamp(38px,7vw,90px);display:flex;flex-direction:column;justify-content:space-between;color:#000;background:radial-gradient(circle at top right,#edf5ff,transparent 35%),#f8fafc;}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:90px solid rgba(255,255,255,.06);border-radius:50%;right:-190px;bottom:-230px}.login-brand>*{position:relative;z-index:1}.login-benefit{display:flex;gap:14px;align-items:flex-start;margin:20px 0}.login-benefit i{font-size:1.35rem;color:#9fc9ff}.login-panel{padding:40px;display:grid;place-items:center;background:radial-gradient(circle at top right,#edf5ff,transparent 35%),#f8fafc}.login-card{width:min(470px,100%);padding:38px}.portal-kicker{text-transform:uppercase;letter-spacing:.11em;color:var(--primary-2);font-size:.78rem;font-weight:800}.password-wrap{position:relative}.password-wrap button{position:absolute;right:6px;top:5px}.login-logo{width:300px;padding:4px}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:310px;padding:32px}.login-panel{padding:24px 14px}.login-card{padding:26px}}