:root{font-family:system-ui,-apple-system,Noto Sans KR,sans-serif;color:#15283a;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{background:#fff;color:#193247;border:1px solid #cad3dd;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover{background:#e9eef4}button:disabled{opacity:.5;cursor:wait}.app{display:flex;min-height:100vh}aside{width:230px;background:#122c43;color:#fff;display:flex;flex-direction:column;gap:8px;padding:30px 20px;position:fixed;height:100vh}.brand{font-size:26px;font-weight:750;letter-spacing:1px}.brand span{display:block;color:#e5ba63;font-size:13px;letter-spacing:5px}aside p{color:#c8d1da;margin:14px 0 25px}aside button{background:transparent;color:#d6e0e9;border:0;text-align:left}aside button.active{background:#2b465d;color:#fff}aside small{margin-top:auto;color:#93aabc;line-height:1.7}main{margin-left:230px;padding:34px 42px;width:calc(100% - 230px);max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2px;color:#677e93;text-transform:uppercase}h1{font-size:29px;margin:8px 0}h2{font-size:21px}header button{height:42px}.panel{padding:26px;background:#fff;border:1px solid #dce2e9;border-radius:12px;overflow-x:auto}.login{max-width:460px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metrics article{padding:22px;background:#fff;border-radius:10px;border:1px solid #dce2e9}.metrics p{color:#6d7e8e;margin:0 0 15px}.metrics strong{font-size:30px}label{display:block;margin:16px 0;color:#40576b}input,textarea{display:block;margin-top:8px;background:#fff;border:1px solid #c3cfda;border-radius:6px;padding:11px;width:100%;color:#172c40}textarea{font-family:ui-monospace,monospace;line-height:1.6}.primary{background:#17374f;color:#fff;width:100%;margin:14px 0}table{width:100%;border-collapse:collapse;margin-top:24px;font-size:14px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #e1e6ec}th{color:#5b7083;font-weight:650;background:#f5f7fa}td button{margin:3px;font-size:12px}.inline{display:flex;gap:18px;align-items:end}.inline label{flex:1}.inline button{margin-bottom:16px}.error,.notice{padding:16px 20px;border-radius:8px;margin:16px 0;overflow-wrap:anywhere}.error{background:#ffefee;color:#9d2927}.notice{background:#fff7e6;color:#765416}.notice button{float:right;margin-left:15px}.secret{display:block;padding:20px;overflow-wrap:anywhere;background:#f3f5f8}@media(max-width:850px){aside{width:170px;padding:25px 12px}main{margin-left:170px;width:calc(100% - 170px);padding:25px 20px}.inline{flex-direction:column;align-items:stretch}}th{white-space:nowrap}td{vertical-align:top}