*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Arial,sans-serif;color:#182033;background:#f7f9fb}body{min-height:100vh}a{text-decoration:none;color:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:50% 50%}.brand-side{background:linear-gradient(145deg,#0787bd,#0a76b0 55%,#70c4e5);color:#fff;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.brand-side:before,.brand-side:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.brand-side:before{width:420px;height:420px}.brand-side:after{width:270px;height:270px}.brand-content{position:relative;z-index:1;max-width:500px;text-align:center}.logo-box{width:84px;height:84px;border:1px solid rgba(255,255,255,.3);border-radius:16px;margin:0 auto 28px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:800}.brand-content h1{font-size:32px;margin:0 0 10px}.brand-content h2{font-size:19px;margin:0 0 28px}.brand-content p{line-height:1.6;color:rgba(255,255,255,.9)}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.benefit{padding:16px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:rgba(255,255,255,.1);text-align:left}.benefit strong{display:block;font-size:14px}.benefit small{opacity:.8}.auth-side{display:flex;align-items:center;justify-content:center;padding:28px;background:#fff}.auth-card{width:min(100%,390px);background:#fff;border:1px solid #e6e9ee;border-radius:15px;box-shadow:0 18px 45px rgba(25,35,55,.12);overflow:hidden}.auth-head{padding:28px 24px 18px;border-bottom:1px solid #edf0f4}.auth-head h1{margin:0 0 6px;font-size:23px}.auth-head p{margin:0;color:#6d7688;font-size:13px}.auth-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:7px;color:#3f4858}.input,.select{width:100%;border:1px solid #dfe4ea;border-radius:12px;padding:13px 14px;font-size:14px;outline:0;background:#fff}.input:focus,.select:focus{border-color:#0989c4;box-shadow:0 0 0 3px rgba(9,137,196,.1)}.btn{border:0;border-radius:11px;padding:13px 16px;font-weight:700;cursor:pointer;font-size:14px}.btn-primary{background:#0787bd;color:#fff;width:100%;box-shadow:0 7px 18px rgba(7,135,189,.2)}.btn-light{background:#f3f5f7;color:#273043}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{text-align:center;color:#7b8492;font-size:12px}.link{color:#0787bd;font-weight:600}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:#566070}.steps{display:flex;gap:8px;margin:4px 0 20px}.step{flex:1;height:5px;border-radius:5px;background:#e7ebef}.step.active{background:#0787bd}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{display:block;border:1px solid #e0e5eb;border-radius:13px;padding:15px;cursor:pointer}.choice input:checked+label{border-color:#0787bd;background:#edf8fc;box-shadow:0 0 0 2px rgba(7,135,189,.08)}.choice strong{display:block;font-size:14px;margin-bottom:5px}.choice small{color:#737c8c}.dashboard{min-height:100vh}.topbar{height:90px;background:#fff;border-bottom:1px solid #e7ebef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar h1{font-size:25px;margin:0 0 5px}.topbar p{margin:0;color:#788191;font-size:13px}.top-actions{display:flex;align-items:center;gap:18px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0b9bdf;color:#fff;font-weight:800}.dash-layout{display:grid;grid-template-columns:250px 1fr}.sidebar{background:#fff;border-right:1px solid #e7ebef;min-height:calc(100vh - 90px);padding:20px 12px}.nav-title{font-size:11px;color:#9aa2af;font-weight:700;padding:16px 10px 8px;text-transform:uppercase}.nav-item{display:flex;gap:13px;align-items:center;padding:14px 13px;border-radius:14px;color:#586174;font-weight:600;font-size:14px;margin:3px 0}.nav-item.active,.nav-item:hover{background:#eaf7fc;color:#0787bd}.nav-icon{width:30px;height:30px;border-radius:10px;background:#f1f3f6;display:grid;place-items:center}.nav-item.active .nav-icon{background:#d8f0fb}.content{padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid #e7ebef;border-radius:14px;padding:17px}.stat-top{display:flex;justify-content:space-between;color:#697486;font-size:12px}.stat strong{font-size:20px;display:block;margin:14px 0 5px}.stat small{color:#687181}.icon-box{width:40px;height:40px;border-radius:11px;background:#2f80ed;color:#fff;display:grid;place-items:center;font-weight:800}.main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;margin-top:24px}.bank-card{min-height:315px;border-radius:20px;background:linear-gradient(135deg,#078bc5,#0875b1);color:#fff;padding:25px;position:relative;overflow:hidden;box-shadow:0 15px 28px rgba(7,117,177,.22)}.bank-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-50px;top:-50px;background:rgba(255,255,255,.08)}.bank-card .small{font-size:12px;opacity:.8}.bank-card .balance{font-size:34px;font-weight:800;margin:8px 0 18px}.card-row{display:flex;justify-content:space-between;gap:20px}.card-actions{display:flex;gap:12px;position:absolute;bottom:24px;right:24px}.card-actions .btn{background:rgba(255,255,255,.17);color:#fff}.card-actions .btn.white{background:#fff;color:#0875b1}.panel{background:#fff;border:1px solid #e7ebef;border-radius:14px;overflow:hidden}.panel-head{padding:17px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:15px}.panel-body{padding:17px}.empty{text-align:center;padding:35px 10px;color:#818a99;font-size:12px}.tx{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f0f2f5;font-size:13px}.tx:last-child{border:0}.positive{color:#18a85b}.negative{color:#e34848}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:13px;text-align:left;border-bottom:1px solid #edf0f3;white-space:nowrap}.badge{display:inline-block;padding:5px 8px;border-radius:20px;font-size:11px;background:#eef1f5}.badge.green{background:#e9f8ef;color:#198b50}.badge.red{background:#ffeded;color:#c83b3b}.admin-wrap{padding:28px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.notice{padding:12px;border-radius:10px;background:#fff4df;color:#805b16;font-size:12px;margin-bottom:16px}.footer{text-align:center;color:#7c8491;font-size:11px;padding:18px}.mobile-menu{display:none}.error{color:#c93636;background:#fff0f0;border-radius:9px;padding:10px;font-size:12px;margin-bottom:14px}.success{color:#147c47;background:#ecfaf2;border-radius:9px;padding:10px;font-size:12px;margin-bottom:14px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.brand-side{display:none}.dash-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu{display:block}.stat-grid{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.content{padding:16px}.admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.auth-side{padding:14px}.auth-card{box-shadow:none}.row,.choice-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.topbar h1{font-size:21px}.top-actions .hide-mobile{display:none}.card-row{display:block}.bank-card .balance{font-size:28px}.card-actions{position:static;margin-top:25px}.admin-grid{grid-template-columns:1fr}}

.quick-panel{margin-top:24px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 15px}.quick-actions a{display:flex;flex-direction:column;align-items:center;gap:9px;color:#30394a;font-size:13px;padding:10px;border-radius:12px}.quick-actions a:hover{background:#f7f9fb}.quick-icon{width:40px;height:40px;border-radius:11px;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800}.quick-icon.blue{background:#377fe8}.quick-icon.green{background:#1fbd61}.quick-icon.pink{background:#e83d92}.quick-icon.cyan{background:#079fdb}
.action-card{max-width:760px;margin:0 auto}.form-note{font-size:12px;color:#747d8c;margin-top:-7px;margin-bottom:16px}.success-box{padding:18px;border:1px solid #cfeedd;background:#f0fbf5;border-radius:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail{padding:15px;background:#f7f9fb;border-radius:10px}.detail small{display:block;color:#77808e;margin-bottom:5px}.detail strong{font-size:14px;word-break:break-word}.filter-row{display:flex;gap:10px;align-items:end}.filter-row .form-group{flex:1}
@media(max-width:560px){.quick-actions{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.filter-row{display:block}}