:root{font-family:Inter,"Noto Sans KR",system-ui,sans-serif;color:#eef2ff;background:#080d19;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#17264a 0,transparent 32%),#080d19;min-height:100vh}.topbar{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #26324b;background:#0b1222cc;backdrop-filter:blur(12px)}.topbar strong{font-size:20px;letter-spacing:2px}.topbar span{margin-left:12px;color:#8290aa;font-size:13px}.mode{color:#ffca6a;font-size:12px;font-weight:800}main{max-width:1180px;margin:0 auto;padding:44px 24px 80px}.auth-card{max-width:430px;margin:5vh auto;padding:32px;border:1px solid #2c3957;border-radius:18px;background:#10182a;box-shadow:0 24px 80px #0008}h1{margin:0 0 8px;font-size:30px}h2{margin:0 0 10px;font-size:18px}p{color:#9ca9bf;line-height:1.55}.tabs{display:flex;gap:8px;margin:24px 0}.tabs button{flex:1}.tabs .active{background:#2668ff;color:white;border-color:#4c80ff}button{border:1px solid #34425f;border-radius:9px;background:#18233a;color:#dfe7f8;padding:11px 14px;font-weight:750;cursor:pointer}button:hover{border-color:#6d86b9}.primary{background:#2764e7;border-color:#4c80ff;color:white}.danger{border-color:#7e3b4b;color:#ffabbc;background:#321722}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#b9c5d8;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #33415f;border-radius:8px;background:#0b1221;color:white;padding:11px 12px;outline:none}input:focus,select:focus{border-color:#4d80ff}.check{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.4}.check input{width:16px;margin-top:2px}.message{min-height:22px;color:#ffbd6c}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{margin:0 0 7px;color:#64d8ff;font-size:12px;font-weight:900;letter-spacing:1.5px}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.metrics article,.panel{border:1px solid #283650;border-radius:14px;background:#10182a;padding:20px}.metrics span{display:block;color:#8897b0;font-size:12px;margin-bottom:12px}.metrics strong{font-size:20px}.panels{grid-template-columns:repeat(2,1fr)}.panel form{margin-top:18px}.panel>.danger{margin-top:12px}.directions{display:flex;gap:24px}.controls{display:flex;gap:10px;margin:20px 0}dl{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:0}dt{color:#8594ad}dd{margin:0;font-family:ui-monospace,monospace}pre{white-space:pre-wrap;word-break:break-all;background:#090f1c;border:1px solid #33415f;border-radius:8px;padding:12px;color:#62e6b4}.events{margin-top:16px;overflow:auto}table{width:100%;border-collapse:collapse;margin-top:15px;font-size:13px}th,td{padding:11px;border-bottom:1px solid #27344d;text-align:left}th{color:#8291aa}td{color:#c8d1e0}@media(max-width:820px){.metrics,.panels{grid-template-columns:1fr}.topbar span{display:none}.mode{font-size:10px}}