:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#1f2937;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}header{background:#162b46;color:white;padding:18px 4%;display:flex;align-items:center;justify-content:space-between}h1{font-size:22px;margin:0}h2{font-size:18px}main{max-width:1500px;margin:24px auto;padding:0 24px}section,details{background:white;border:1px solid #e0e5ed;border-radius:12px;padding:20px;margin:20px 0}.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}label{display:flex;gap:10px;align-items:center}input,select,button,.button{font:inherit;border-radius:7px;padding:10px 14px;border:1px solid #cbd5e1}button,.button{background:#17614a;color:white;cursor:pointer;text-decoration:none}button:disabled{opacity:.5}.light{background:white;color:#243d5d}.danger{background:#9b2637}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;border:0;background:transparent}.cards article{padding:22px;background:white;border:1px solid #e0e5ed;border-radius:12px}.cards span{display:block;color:#667085}.cards strong{display:block;margin:12px 0;font-size:25px}.cards button{font-size:13px;padding:6px 9px}.muted{color:#677489;font-size:13px;line-height:1.7}.warning{color:#a32f2f}.table-wrap{overflow:auto;max-height:600px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7ebf0;white-space:nowrap}th{background:#f2f5f9;position:sticky;top:0}td button{padding:5px 9px;font-size:12px}.device{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}output{display:block;overflow-wrap:anywhere;margin:12px 0;font-family:monospace}.login{max-width:440px;margin:12vh auto;background:white;border-radius:16px;padding:32px}.login label{display:block}.login input{display:block;width:100%;margin:12px 0}.login button{width:100%}#notice{min-height:26px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}main{padding:0 12px}.bar label{flex-wrap:wrap}}
