:root{--blue:#0875f5;--navy:#071a35;--ink:#142033;--muted:#69758a;--line:#dce4ee;--bg:#f3f6fa;--card:#fff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#061a36,#0866d8);color:var(--ink);font-family:Arial,sans-serif}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,480px);background:#fff;padding:36px;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.brand{display:inline-block;color:var(--navy);font-size:28px;font-weight:900;text-decoration:none}.brand span{color:var(--blue)}h1{margin:25px 0 8px}.sub{color:var(--muted);line-height:1.55;margin:0 0 20px}.alert{background:#fff0f0;color:#b22b2b;border:1px solid #efbcbc;padding:12px;border-radius:10px;margin:14px 0}.alert.success{background:#ecfff4;color:#157344;border-color:#b8e9cc}label{display:block;font-weight:800;margin:15px 0 7px}input{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:16px}input:focus{outline:2px solid #b9d7ff;border-color:var(--blue)}small{display:block;color:var(--muted);margin-top:5px}button{width:100%;border:0;background:var(--blue);color:#fff;padding:15px;border-radius:11px;font-size:16px;font-weight:800;margin-top:19px;cursor:pointer}.secondary{background:#eaf3ff;color:#0864d0}.switch{text-align:center;color:var(--muted);margin:22px 0 0}.switch a{color:var(--blue);font-weight:800}.code{text-align:center;font-size:30px;letter-spacing:10px;font-weight:800}.dash-body{background:var(--bg);min-height:100vh}.dash-head{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(5%,calc((100% - 1100px)/2))}.dash-head nav{margin-left:auto;display:flex;gap:18px;align-items:center}.dash-head nav a{color:var(--blue);font-weight:800}.dashboard{width:min(92%,1100px);margin:38px auto}.welcome{background:linear-gradient(135deg,#061b39,#0872ef);color:#fff;padding:32px;border-radius:22px;display:flex;justify-content:space-between;align-items:center}.welcome p{margin:0;color:#cbe2ff;font-weight:800}.welcome h1{font-size:42px;margin:7px 0}.welcome button{width:auto;margin:0;background:#fff;color:#0866d8}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.service-grid article,.history{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.service-grid span{color:var(--muted)}.service-grid h2{margin:8px 0}.service-grid strong{color:var(--blue);font-size:20px}.history h2{margin-top:0}.tx{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.tx small{margin-top:4px}.credit{color:#148752}.debit{color:#c13b3b}.empty{color:var(--muted)}@media(max-width:650px){.auth-card{padding:27px 20px}.welcome{display:block}.welcome button{margin-top:18px;width:100%}.service-grid{grid-template-columns:1fr}.dash-head nav span{display:none}}