:root{font-family:system-ui,sans-serif;color:#152338;background:#f3f5fa}*{box-sizing:border-box}body{margin:0}header{background:#132136;color:white;padding:20px 5%;display:flex;align-items:center;gap:24px}header strong{font-size:28px}header button{margin-left:auto}main{max-width:1180px;margin:32px auto;padding:0 20px}h1{font-size:30px}article,#login{background:white;border:1px solid #dbe2ee;border-radius:14px;padding:24px;margin:20px 0}#login{max-width:520px;margin:60px auto}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}#login form{display:grid}label{display:grid;gap:8px}input,select,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #c9d2e3}button{background:#5256ed;color:white;cursor:pointer;border:0}button:disabled{opacity:.6;cursor:wait}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics article{display:grid;gap:12px}.metrics strong{font-size:22px}.note{color:#5c6980;line-height:1.6}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px 10px;border-bottom:1px solid #e2e7ef}td small{display:block;color:#68768d;margin-top:6px}#notice{color:#174db0;overflow-wrap:anywhere}.device{padding:14px 0;border-bottom:1px solid #eee;display:flex;gap:14px;align-items:center}.device span{flex:1}.warning{color:#a25400}.device button{background:#8b3044}[hidden]{display:none!important}@media(max-width:650px){.metrics{grid-template-columns:1fr;gap:0}.metrics article{margin:6px 0}header span{display:none}form{display:grid;align-items:stretch}article{padding:16px}.device{flex-wrap:wrap}}