:root{--blue:#0756a6;--blue2:#0b78c9;--navy:#062c55;--gold:#d7a53a;--cream:#fff4da;--bg:#f6f7f9;--ink:#101820;--muted:#7b8794;--white:#fff;--red:#e83e58}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.appbar{height:58px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand-mini,.brand-big{font-weight:900;letter-spacing:-1px}.brand-mini{color:var(--blue);font-size:19px}.brand-mini span,.brand-big span{color:var(--gold)}.appbar-right{display:flex;gap:16px}.appbar-right a{color:#111;text-decoration:none;font-size:24px}.app-main{max-width:900px;margin:auto;padding:18px 16px 92px}.public-main{min-height:100vh}.login-screen{min-height:100vh;background:linear-gradient(145deg,#043b73,#0876bf 55%,#fff);padding-bottom:30px}.hero-bank{height:45vh;min-height:300px;color:#fff;padding:70px 28px 20px;position:relative;overflow:hidden}.hero-bank:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:40px;background:rgba(255,255,255,.08)}.hero-orb{position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(215,165,58,.24);left:-80px;top:-60px}.brand-big{font-size:38px;position:relative;z-index:1}.hero-bank p{opacity:.85;position:relative;z-index:1}.login-card{background:#fff;border-radius:28px 28px 0 0;margin-top:-20px;position:relative;padding:28px 22px;min-height:52vh;box-shadow:0 -10px 35px rgba(0,0,0,.1)}.login-card h2{margin-bottom:4px}.muted{color:var(--muted)}label{display:block;font-size:12px;font-weight:bold;margin:12px 0 5px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #d9dfe6;border-radius:12px;background:#fff;font-size:14px}textarea{min-height:100px}.primary,.btn{display:inline-block;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:0;border-radius:13px;padding:13px 17px;font-weight:bold;text-decoration:none;cursor:pointer}.wide,.wide-btn{width:100%;text-align:center}.outline{background:#fff;color:var(--blue);border:1px solid var(--blue)}.login-links{display:flex;justify-content:space-between;margin-top:20px;font-size:13px}.login-links a,a{color:var(--blue)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(145deg,#eef6ff,#fff)}.auth-panel{background:#fff;border-radius:22px;padding:28px;width:min(460px,100%);box-shadow:0 10px 35px rgba(0,0,0,.08)}.blue{color:var(--blue)}.alert{background:#fff1f2;border:1px solid #ffc6cd;color:#a51d30;padding:11px;border-radius:10px;margin:10px 0}.page-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 18px}.page-head small,.welcome small{color:var(--muted)}h1{font-size:26px;margin:5px 0}.role-badge{background:#e8f2ff;color:var(--blue);font-size:10px;font-weight:bold;padding:7px 9px;border-radius:20px}.balance-hero{background:linear-gradient(135deg,#053d76,#0879c9);color:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 25px rgba(7,86,166,.2);margin-bottom:20px}.balance-hero.gold{background:linear-gradient(135deg,#805a10,#d7a53a)}.big-money{font-size:30px;font-weight:900;margin:8px 0}.hero-row{display:flex;justify-content:space-between;font-size:12px;opacity:.85}.light-link{color:#fff}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:12px 0 22px}.shortcut{background:#fff;border-radius:16px;padding:15px 10px;min-height:94px;text-decoration:none;color:var(--ink);box-shadow:0 4px 16px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:space-between}.shortcut b{font-size:25px;color:var(--blue)}.shortcut span{font-size:12px;font-weight:bold}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.metric-grid>div{background:#fff;border-radius:14px;padding:15px;box-shadow:0 3px 12px rgba(0,0,0,.05)}.metric-grid small{display:block;color:var(--muted)}.metric-grid b{display:block;margin-top:8px;font-size:16px}.section-title{font-weight:800;margin:18px 0 10px;display:flex;justify-content:space-between}.card{background:#fff;border-radius:18px;padding:18px;margin:12px 0;box-shadow:0 4px 18px rgba(0,0,0,.05)}.account-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff1c9,#fff);border-radius:20px;padding:20px;margin-bottom:18px;box-shadow:0 7px 20px rgba(0,0,0,.07)}.account-card.light{background:#fff}.account-card h2{margin:8px 0}.account-card small,.account-card span{color:#687585}.account-card>a{font-size:28px;text-decoration:none}.promo{background:var(--cream);border-radius:18px;padding:18px;margin-top:16px}.confirm-card,.pin-card{background:#fff;border-radius:22px;padding:24px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.07)}.confirm-amount{font-size:30px;font-weight:900;color:var(--blue);margin:18px}.lock-icon{font-size:30px;color:var(--gold)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:10px;border-bottom:1px solid #edf0f3;text-align:left;font-size:12px}.transfer-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.transfer-tabs>*{padding:10px 12px;background:#f2f6fa;border-radius:10px;white-space:nowrap}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;align-items:center;z-index:50}.bottom-nav a{text-decoration:none;color:#7a828a;font-size:10px;text-align:center;display:flex;flex-direction:column;gap:3px}.bottom-nav span{font-size:20px}.center-action b{width:48px;height:48px;border-radius:50%;margin-top:-26px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.center-action small{margin-top:-2px}@media(max-width:650px){.shortcut-grid{grid-template-columns:repeat(4,1fr)}.shortcut{min-height:88px;padding:11px 8px}.shortcut b{font-size:21px}.shortcut span{font-size:10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.big-money{font-size:25px}.app-main{padding-left:12px;padding-right:12px}}@media(min-width:651px){.bottom-nav{left:50%;right:auto;width:600px;transform:translateX(-50%);border-radius:18px 18px 0 0}}
.receipt-page{max-width:620px;margin:20px auto;padding-bottom:100px}.receipt-card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 10px 35px rgba(0,0,0,.08);border-top:6px solid var(--blue)}.receipt-brand{font-size:20px;font-weight:900;color:var(--blue)}.receipt-brand span{color:var(--gold)}.receipt-card h2{text-align:center;margin:25px 0 10px}.receipt-status{text-align:center;color:#138a4b;font-weight:800;margin-bottom:22px}.receipt-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px dashed #e5e7eb;font-size:13px}.receipt-line span{color:var(--muted)}.receipt-line b{text-align:right}.receipt-amount{text-align:center;font-size:32px;font-weight:900;color:var(--blue);padding:22px 0}.receipt-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.gold-btn{background:var(--gold);color:#102238}.customer-results{position:relative;z-index:10}.customer-result{background:#fff;border:1px solid #e2e8f0;padding:10px;border-radius:10px;margin-top:4px;cursor:pointer}.customer-result small{display:block;color:var(--muted)}@media print{.appbar,.bottom-nav,.receipt-actions{display:none!important}.receipt-page{margin:0;max-width:none}.receipt-card{box-shadow:none;border:0}.receipt-page{padding:0}}