:root{font-family:Arial,'Malgun Gothic',sans-serif;background:#0a0d12;color:#e7edf3}*{box-sizing:border-box}body{margin:0;background:#0a0d12}.card{width:380px;margin:12vh auto;padding:30px;background:#111720;border:1px solid #2b3440;border-radius:12px}.card input,.card button,nav button{width:100%;padding:12px;margin:7px 0;border-radius:7px;border:1px solid #35404d;background:#202832;color:#e7edf3}.card button,nav button:hover{background:#2d3946;cursor:pointer}h1{margin-top:0}header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#111720}header button{background:#202832;color:#fff;border:1px solid #35404d;padding:9px 14px}nav{display:flex;gap:8px;padding:14px 28px;background:#0e131a}nav button{width:auto;margin:0}.grid{padding:24px 28px}.panel{background:#111720;border:1px solid #2b3440;border-radius:10px;padding:18px;margin-bottom:18px}.metric{display:inline-block;min-width:160px;margin:8px;padding:18px;background:#19212b;border-radius:8px}.hidden{display:none}table{width:100%;border-collapse:collapse}td,th{padding:9px;border-bottom:1px solid #29323d;text-align:left}#loginMsg{margin-top:10px;color:#ffb4b4}