:root{--navy:#083f5a;--navy2:#0d5872;--green:#45c84e;--green2:#21aa4b;--lime:#70d447;--bg:#f4f7f8;--card:#fff;--text:#17262e;--muted:#78868e;--line:#e4eaed;--danger:#c84a4a;--warning:#c78315;--shadow:0 8px 30px rgba(16,52,65,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{height:106px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:16px}.brand img{max-width:185px;max-height:92px;object-fit:contain}.brand-mini{display:none}.sidebar nav,.sidebar-bottom{display:grid;gap:6px}.sidebar-bottom{margin-top:auto}.sidebar a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#56656e;font-size:13px;font-weight:650;transition:.2s}.sidebar a:hover{background:#eef9f0;color:var(--green2);transform:translateX(1px)}.sidebar a.active{background:linear-gradient(90deg,#e9f8ec,#f7fcf8);color:var(--green2);box-shadow:inset 3px 0 0 var(--green2)}.nav-icon{width:22px;text-align:center;font-size:18px}.main{flex:1;min-width:0}.topbar{min-height:84px;background:#fff;border-bottom:1px solid var(--line);padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px}.page-title h1{margin:3px 0 0;font-size:23px;letter-spacing:-.3px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--green2)}.top-actions{display:flex;align-items:center;gap:18px}.network-badge{border:1px solid #d8ebdc;background:#f1fbf3;color:#24773b;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px}.user-menu{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dff7e3,#bfeec8);color:#17773a;font-weight:800}.user-name{display:grid;gap:2px}.user-name strong{font-size:12px}.user-name small{font-size:10px;color:var(--muted)}.content{padding:28px 30px;max-width:1600px}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 11px;font-size:14px}.card .sub{color:var(--muted);font-size:11px}.metric{font-size:28px;font-weight:800;letter-spacing:-.7px}.metric.positive{color:var(--green2)}.metric.navy{color:var(--navy)}.metric-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-end}.trend{font-size:10px;color:#2f8a45;background:#edf9ef;padding:5px 8px;border-radius:999px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.table td{font-size:12px}.table tr:last-child td{border-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;font-weight:750;cursor:pointer;font-size:12px}.btn.secondary{background:#edf2f4;color:#31414a}.btn.danger{background:var(--danger)}.btn.small{padding:8px 11px;font-size:11px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:#eef8f0;color:#267139;font-size:12px}.alert.err{background:#fff0f0;color:#9a3030}.pill{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:750;background:#edf2f4}.pill.ok{background:#e8f7eb;color:#28723a}.pill.warn{background:#fff4dd;color:#8a5b00}.pill.bad{background:#ffeded;color:#9a3434}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filters .field{min-width:145px}.field label{display:block;font-size:10px;font-weight:750;color:#59666d;margin-bottom:6px;text-transform:uppercase;letter-spacing:.35px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d8e0e4;border-radius:9px;background:#fff;font:inherit;font-size:12px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#6bc878;box-shadow:0 0 0 3px rgba(69,200,78,.1)}textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero{background:linear-gradient(120deg,#073d56,#0b5871 55%,#2aa84c);color:#fff;border-radius:18px;padding:26px;position:relative;overflow:hidden;box-shadow:0 12px 32px rgba(7,61,86,.12)}.hero:after{content:"";position:absolute;width:260px;height:260px;border:35px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-130px}.hero h2{margin:0 0 7px;font-size:24px}.hero p{margin:0;color:#d9f3df;font-size:12px}.hero-actions{margin-top:18px;display:flex;gap:8px}.hero .btn.secondary{background:rgba(255,255,255,.14);color:#fff}.wallet-card{background:linear-gradient(135deg,#effff1,#fff);border-color:#d6eed9}.wallet-accent{height:4px;width:42px;border-radius:5px;background:linear-gradient(90deg,var(--green2),var(--lime));margin-bottom:14px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-card{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fbfcfc}.mini-card .amount{font-size:18px;font-weight:800;margin-top:6px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.section-title h2{font-size:16px;margin:0}.section-title span{font-size:11px;color:var(--muted)}.chart{height:170px;border-radius:12px;background:linear-gradient(180deg,#f5fbf6,#fff);border:1px solid #e4efe5;display:flex;align-items:end;gap:7px;padding:18px}.bar{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--green),#86d76c);min-height:15px}.stat-list{display:grid;gap:11px}.stat-row{display:flex;justify-content:space-between;gap:15px;font-size:12px}.stat-row span:first-child{color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#42c94c 0,#0a4861 40%,#062f43 100%);padding:20px}.login-box{width:min(460px,94vw);background:#fff;border-radius:20px;padding:32px;box-shadow:0 25px 80px rgba(0,0,0,.22)}.login-logo{display:block;width:195px;max-height:115px;object-fit:contain;margin:0 auto 18px}.auth-links{margin-top:16px;text-align:center;color:var(--muted);font-size:12px}.auth-links a{color:var(--green2);font-weight:700}.landing{min-height:100vh;background:linear-gradient(120deg,#062f43,#0b526c 50%,#2eaf4b);display:flex;align-items:center;justify-content:center;padding:30px}.landing-card{width:min(1100px,96vw);background:rgba(255,255,255,.97);border-radius:24px;padding:40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.landing-card .logo{width:250px;max-height:150px;object-fit:contain}.landing h1{font-size:42px;margin:16px 0 10px;letter-spacing:-1.5px}.landing p{color:var(--muted);line-height:1.7}.feature-list{display:grid;gap:10px;margin:22px 0}.feature{display:flex;gap:10px;align-items:center;font-size:12px}.feature b{color:var(--green2)}.dashboard-reference{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.empty{padding:35px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:1100px){.sidebar{width:220px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{width:74px}.sidebar a span:not(.nav-icon),.sidebar-bottom a span:not(.nav-icon){display:none}.brand img{max-width:48px}.brand{height:80px}.brand-mini{display:none}.content{padding:20px}.topbar{padding:14px 20px}.network-badge,.user-name{display:none}.landing-card{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{position:fixed;bottom:0;left:0;right:0;width:auto;height:64px;z-index:10;flex-direction:row;padding:5px;border-top:1px solid var(--line)}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around;overflow:hidden}.sidebar nav a{padding:10px 9px}.main{padding-bottom:64px}.cards,.two,.three,.form-grid,.mini-grid{grid-template-columns:1fr}.topbar{min-height:70px}.content{padding:14px}.metric{font-size:24px}.landing{padding:12px}.landing-card{padding:24px}.landing h1{font-size:30px}}
.referral-card{background:linear-gradient(135deg,#ffffff,#f4fbf5)}.referral-box{display:flex;gap:10px;align-items:center}.referral-box input{flex:1;background:#fff}.referral-box .btn{flex:0 0 auto}@media(max-width:600px){.referral-box{flex-direction:column;align-items:stretch}}

/* CWC public landing page */
.landing-page{min-height:100vh;background:#071f2d;color:#fff}.landing-nav{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-brand img{width:145px;height:70px;object-fit:contain}.landing-nav nav{display:flex;gap:26px}.landing-nav nav a{font-size:12px;color:#d9e7eb}.landing-nav-actions{display:flex;gap:8px}.landing-hero{max-width:1240px;margin:auto;padding:80px 24px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.landing-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#65d46f}.landing-hero h1{font-size:62px;line-height:1.03;letter-spacing:-2.5px;margin:16px 0}.landing-hero h1 span{color:#64d66d}.landing-hero p{max-width:620px;color:#bfd0d6;font-size:15px;line-height:1.8}.landing-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.landing-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#b5c8ce;font-size:11px}.landing-preview{background:linear-gradient(145deg,#fff,#edf7f0);color:#17262e;border-radius:24px;padding:22px;box-shadow:0 35px 90px rgba(0,0,0,.28);transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-top small,.preview-balance small,.preview-stats small{display:block;color:#819097;font-size:10px}.preview-top strong{display:block;font-size:18px;margin-top:3px}.preview-badge{font-size:9px;color:#24843b;background:#e9f8ed;padding:7px 10px;border-radius:99px;font-weight:800}.preview-balance{margin-top:18px;background:linear-gradient(120deg,#073d56,#0d6175 60%,#28ad4c);border-radius:18px;color:#fff;padding:22px}.preview-balance strong{display:block;font-size:34px;margin:6px 0}.preview-balance span{font-size:10px;color:#d5f1da}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.preview-stats div{background:#f7faf8;border:1px solid #e4eaed;border-radius:12px;padding:12px}.preview-stats b{display:block;font-size:16px;margin-top:6px}.preview-bars{height:105px;display:flex;align-items:end;gap:8px;padding:18px 8px 8px}.preview-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#51cb5a,#b7e8b8)}.preview-footer{border-top:1px solid #e5eaed;padding-top:13px;display:flex;justify-content:space-between;font-size:9px;color:#75848b}.landing-section,.landing-how,.landing-security{padding:90px 24px}.landing-section{background:#fff;color:#17262e}.section-heading{max-width:1240px;margin:0 auto 40px}.section-heading>span{font-size:10px;letter-spacing:2px;color:#2eaa4c;font-weight:800}.section-heading h2{font-size:38px;letter-spacing:-1px;margin:10px 0}.section-heading p{color:#78868e;max-width:650px;line-height:1.7}.landing-features{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-features article{border:1px solid #e4eaed;border-radius:18px;padding:24px;background:linear-gradient(145deg,#fff,#f8fbf9)}.landing-features article b{color:#36b54c;font-size:11px}.landing-features h3{margin:16px 0 8px;font-size:16px}.landing-features p,.steps p{font-size:12px;color:#78868e;line-height:1.7}.landing-how{background:#f2f7f8;color:#17262e}.steps{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps div{background:#fff;border:1px solid #e2e9ec;border-radius:18px;padding:22px}.steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf8ed;color:#2da849;font-weight:800}.steps h3{font-size:15px;margin:16px 0 8px}.landing-security{max-width:none;background:linear-gradient(125deg,#062e42,#0b5067 55%,#1b8d43);display:grid;grid-template-columns:1fr 380px;gap:60px;padding-left:max(24px,calc((100% - 1192px)/2));padding-right:max(24px,calc((100% - 1192px)/2));align-items:center}.landing-security h2,.landing-final h2{font-size:40px;letter-spacing:-1px;margin:12px 0}.landing-security p{color:#c7d9df;line-height:1.8;max-width:650px}.security-list{display:grid;gap:10px;margin-top:25px;color:#e4f4e8;font-size:12px}.security-card{background:#fff;color:#17262e;border-radius:20px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.security-card>span{font-size:9px;letter-spacing:1.5px;color:#6e7d84}.security-card strong{display:block;font-size:25px;margin-top:8px}.security-card small{color:#78868e;font-size:10px}.security-card hr{border:0;border-top:1px solid #e5eaed;margin:18px 0}.landing-final{max-width:1240px;margin:0 auto;padding:75px 24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.landing-final p{color:#9fb5bc}.landing-footer{border-top:1px solid rgba(255,255,255,.1);max-width:1240px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;color:#91a9b1;font-size:10px}.landing-footer div{display:flex;align-items:center;gap:16px}.landing-footer img{width:100px;height:45px;object-fit:contain}.landing-footer a{margin-left:18px;color:#bfd0d6}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;gap:40px}.landing-hero h1{font-size:48px}.landing-features{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.landing-security{grid-template-columns:1fr}.landing-nav nav{display:none}}
@media(max-width:600px){.landing-nav{padding:10px 14px}.landing-nav-actions .btn{padding:8px 10px}.landing-hero{padding:55px 18px 65px}.landing-hero h1{font-size:38px}.landing-section,.landing-how,.landing-security{padding:60px 18px}.landing-features,.steps{grid-template-columns:1fr}.section-heading h2,.landing-final h2{font-size:30px}.preview-stats{grid-template-columns:1fr}.landing-final,.landing-footer{flex-direction:column;align-items:flex-start}.landing-footer div:last-child{display:block}}

.impersonate-banner{margin:12px 20px 0;background:#fff4dd;color:#7a5600}.impersonate-banner a{color:#7a5600}.impersonate-return{display:none}.mobile-nav-scroll{overflow-x:auto}

@media(max-width:600px){

  .app-shell{
    display:block!important;
    min-height:100vh!important;
  }

  .sidebar{
    position:fixed!important;
    top:auto!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:74px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    overflow:hidden!important;
    z-index:99999!important;
  }

  .sidebar nav{
    width:100%!important;
    height:74px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    scrollbar-width:none!important;
  }

  .sidebar nav::-webkit-scrollbar{
    display:none!important;
  }

  .sidebar nav a{
    flex:0 0 72px!important;
    width:72px!important;
    min-width:72px!important;
    height:74px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:4px 2px!important;
    margin:0!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }

  .sidebar nav a .nav-icon{
    display:block!important;
    width:auto!important;
    font-size:16px!important;
  }

  .sidebar nav a span:not(.nav-icon){
    display:block!important;
    font-size:8px!important;
    line-height:1.1!important;
  }

  .sidebar .brand,
  .sidebar .brand-mini,
  .sidebar .sidebar-bottom{
    display:none!important;
  }

  .main{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 88px 0!important;
  }

  .topbar{
    display:none!important;
  }

  .content{
    width:100%!important;
    margin:0!important;
    padding:14px!important;
  }

  .hero{
    margin:0!important;
  }
}
@media (min-width:601px){
.sidebar{
height:100vh!important;
max-height:100vh!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
.sidebar nav{
height:auto!important;
max-height:none!important;
overflow:visible!important;
}
.sidebar-bottom{
margin-top:8px!important;
}
}


@media (max-width: 600px) {

    .login-page {
        width: 100vw !important;
        min-height: 100dvh !important;
        padding: 12px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .login-box {
        width: 100% !important;
        max-width: 460px !important;

        margin: 0 auto !important;
        padding: 28px 20px !important;
    }

}