:root{--red:#BB1818;--black:#141414;--blue:#223F77;--green:#869E30;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-900:#212529;--font:"DM Sans",-apple-system,sans-serif;--radius:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-900);font-size:14px}.portal{max-width:480px;margin:0 auto;min-height:100vh;background:var(--white);position:relative}.header{background:var(--black);color:var(--white);padding:20px;display:flex;align-items:center;justify-content:space-between}.header .logo{font-size:20px;font-weight:700}.header .logo span{color:var(--red)}.header .logout{background:none;border:none;color:var(--gray-500);font-family:var(--font);font-size:13px;cursor:pointer}.content{padding:20px}.balance-card{background:var(--blue);color:var(--white);border-radius:var(--radius);padding:20px;margin-bottom:20px}.balance-card .label{font-size:12px;opacity:.7;margin-bottom:4px}.balance-card .amount{font-size:32px;font-weight:700}.balance-card .sub{display:flex;gap:20px;margin-top:12px;font-size:12px;opacity:.8}.stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}.stat-box{background:var(--gray-50);border-radius:var(--radius);padding:14px;text-align:center}.stat-box .num{font-size:22px;font-weight:700}.stat-box .lbl{font-size:11px;color:var(--gray-600);margin-top:2px}.section{margin-bottom:20px}.section h3{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--gray-700)}.txn-list{list-style:none}.txn-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-100)}.txn-item .txn-desc{font-size:13px}.txn-item .txn-date{font-size:11px;color:var(--gray-500)}.txn-item .txn-amount{font-weight:700}.txn-item .txn-amount.credit{color:var(--green)}.txn-item .txn-amount.debit{color:var(--red)}.profile-card{background:var(--gray-50);border-radius:var(--radius);padding:16px}.profile-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:13px}.profile-row:last-child{border:none}.profile-row .key{color:var(--gray-600)}.profile-row .val{font-weight:500}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--black)}.login-box{background:var(--white);border-radius:var(--radius);padding:32px;width:100%;max-width:380px}.login-box h1{font-size:20px;margin-bottom:4px}.login-box p{font-size:13px;color:var(--gray-600);margin-bottom:20px}.login-box .logo{font-size:28px;font-weight:700;text-align:center;margin-bottom:24px}.login-box .logo span{color:var(--red)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:16px;font-family:var(--font)}.form-group input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #223f771a}.btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer}.btn-red{background:var(--red);color:var(--white)}.btn-red:hover{background:#a01515}.btn-secondary{background:var(--gray-100);color:var(--gray-700);margin-top:8px}.error{color:var(--red);font-size:13px;margin-bottom:12px}.info{color:var(--gray-600);font-size:13px;text-align:center;margin-top:12px}.nav-tabs{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:20px}.nav-tab{flex:1;padding:10px;text-align:center;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.nav-tab.active{color:var(--red);border-bottom-color:var(--red)}