*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#f4f7f6;color:#17332d}
body{min-height:100vh}.shell{max-width:920px;margin:0 auto;padding:48px 20px}.card{background:#fff;border:1px solid #dde8e4;border-radius:18px;padding:28px;box-shadow:0 12px 34px rgba(18,52,45,.06)}
.login-card{max-width:430px;margin:8vh auto}.badge{display:inline-block;font-size:12px;letter-spacing:.14em;font-weight:800;color:#5f7770}.badge.ok{color:#0c7456}
h1{margin:8px 0 8px}.muted{color:#71837e}.small{display:block;font-size:12px;margin-top:3px}
label{display:block;font-weight:650;margin-top:16px}input{width:100%;margin-top:7px;padding:13px;border:1px solid #cbd9d5;border-radius:10px;font:inherit}
button{margin-top:20px;border:0;border-radius:10px;background:#0d7058;color:#fff;font-weight:750;padding:12px 18px;cursor:pointer}
button.secondary{margin:0;background:#eaf1ef;color:#23463e}.error{background:#fff0ee;color:#a2281e;border:1px solid #ffd0ca;border-radius:10px;padding:11px;margin:16px 0}
.notice{background:#f0f6f3;padding:14px;border-radius:10px;margin:20px 0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#fff;border-bottom:1px solid #dde8e4}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.tile{border:1px solid #e0e9e6;border-radius:12px;padding:16px}.tile b,.tile span{display:block}.tile span{font-size:13px;color:#72827e;margin-top:5px}
@media(max-width:680px){.grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px}.shell{padding:28px 14px}.card{padding:22px}}