:root{--blue:#293d97;--blue2:#1f307c;--gold:#f2b916;--bg:#f4f6fb;--text:#1d2433;--muted:#6f7787;--red:#d72f3f;--green:#14965e;--line:#e3e7f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans Myanmar",sans-serif}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(18px,calc((100% - 1180px)/2));background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 3px 14px #15235b33}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:46px;height:46px;border-radius:12px}.top-actions{display:flex;align-items:center;gap:12px}.container{max-width:1180px;margin:24px auto;padding:0 18px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card,.panel,.account-card,.stat{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 26px #26345b12}.login-card{width:min(430px,100%);padding:28px}.login-logo{display:block;width:120px;height:120px;margin:0 auto 14px;border-radius:24px}.login-card h1{text-align:center;color:var(--blue);margin:0}.login-card p{text-align:center;color:var(--muted)}.field{display:grid;gap:7px;margin-top:14px}.field label{font-size:13px;font-weight:700}.input{width:100%;height:48px;border:1px solid #d9deea;border-radius:11px;background:#f8f9fc;padding:0 13px;font:inherit;outline:none}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #293d9718}.button{border:0;border-radius:11px;background:var(--blue);color:#fff;min-height:44px;padding:10px 16px;font-weight:750;cursor:pointer}.button:hover{background:var(--blue2)}.button.red{background:var(--red)}.button.green{background:var(--green)}.button.light{background:#eef1f8;color:var(--blue)}.button.small{min-height:36px;padding:7px 11px;font-size:12px}.login-card .button{width:100%;margin-top:20px}.alert{border-radius:11px;padding:11px 13px;margin:12px 0;background:#fff1f2;color:#a2182c}.alert.ok{background:#eaf8f1;color:#087747}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{padding:17px}.stat b{display:block;font-size:25px;color:var(--blue)}.stat span{font-size:13px;color:var(--muted)}.panel{padding:20px;margin-bottom:18px}.panel h2{margin:0 0 15px;color:var(--blue)}.create-grid{display:grid;grid-template-columns:1.2fr 1.2fr .7fr auto;gap:12px;align-items:end}.check{height:48px;display:flex;align-items:center;gap:7px}.accounts{display:grid;gap:12px}.account-card{padding:16px;display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(160px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:center}.account-name{font-size:18px;font-weight:800}.meta{font-size:12px;color:var(--muted);line-height:1.55}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.badge.active{background:#e8f8f0;color:var(--green)}.badge.inactive{background:#fff0f1;color:var(--red)}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.empty{text-align:center;padding:30px;color:var(--muted)}.logout{background:transparent;border:1px solid #ffffff66;color:#fff;border-radius:9px;padding:8px 11px;cursor:pointer}@media(max-width:820px){.grid-stats{grid-template-columns:repeat(2,1fr)}.create-grid{grid-template-columns:1fr 1fr}.create-grid .button{width:100%}.account-card{grid-template-columns:1fr 1fr}.actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:520px){.topbar{padding:9px 12px}.top-actions span{display:none}.container{margin:14px auto;padding:0 10px}.panel{padding:14px}.grid-stats{gap:8px}.stat{padding:13px}.create-grid,.account-card{grid-template-columns:1fr}.account-card{gap:9px}.actions{grid-column:auto}.button.small{flex:1}.login-card{padding:20px}}