:root{font-family:Inter,"Pretendard","Noto Sans KR",system-ui,sans-serif;color:#172033;background:#f5f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:1100px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#0d203b;color:#d9e4f6;padding:28px 14px;display:flex;flex-direction:column}.sidebar h1{font-size:20px;margin:0 10px 34px;color:#fff}.sidebar h1 span{color:#4d8df7;margin-right:8px}.sidebar nav{display:grid;gap:8px}.sidebar a{color:#b9c8dd;text-decoration:none;padding:13px 15px;border-radius:8px;font-weight:650}.sidebar a.active{background:#174b98;color:#fff}.side-bottom{margin-top:auto;padding:15px;color:#aabbd1}main{margin-left:232px;padding:30px 36px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2{margin:0;font-size:27px}header p{color:#687386;margin:8px 0 0}.primary,.secondary{border:0;border-radius:7px;padding:11px 16px;font-weight:700;cursor:pointer}.primary{background:#1769e0;color:#fff}.secondary{background:#fff;border:1px solid #d7deea;color:#3b4658}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article{background:white;border:1px solid #dfe5ef;border-radius:9px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 1px 3px #23395d10}.stats b{font-size:25px;color:#1769e0}.stats b.ok{color:#20a95b}.stats b.muted{color:#7f8999}.stats span{color:#5e697a;display:grid;gap:5px}.stats strong{font-size:20px;color:#172033}.panel{background:#fff;border:1px solid #dfe5ef;border-radius:9px;box-shadow:0 2px 8px #23395d0b}.toolbar{padding:15px;display:flex;gap:12px;border-bottom:1px solid #e5e9f0}.toolbar input{width:400px}.toolbar select{width:150px}input,select{border:1px solid #ced6e3;border-radius:7px;padding:10px 12px;background:#fff;color:#172033;outline:none}input:focus,select:focus{border-color:#3c7ee8;box-shadow:0 0 0 3px #3c7ee81b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 13px;border-bottom:1px solid #e8ebf1;white-space:nowrap}th{font-size:12px;color:#4d5869;background:#fafbfc}td code{font-family:ui-monospace,monospace;color:#243146}.badge,.term{display:inline-block;border-radius:5px;padding:4px 7px;font-size:12px}.badge.on,.term{color:#148047;background:#edfbf3;border:1px solid #96deb5}.badge.off{color:#687386;background:#f1f3f6;border:1px solid #cdd3dc}.term{margin:2px}.edit{padding:7px 10px;border:1px solid #d4dbe5;background:white;border-radius:6px;cursor:pointer}footer{padding:15px;color:#687386}.shade{position:fixed;inset:0;background:#15203955;z-index:10}.drawer{position:fixed;z-index:11;right:0;top:0;bottom:0;width:480px;background:#fff;box-shadow:-10px 0 30px #17203325;overflow:auto}.hidden{display:none!important}.drawer-head{padding:25px 28px;display:flex;justify-content:space-between;border-bottom:1px solid #e6e9ef}.drawer-head h2{font-size:21px}.drawer-head button{border:0;background:none;font-size:28px;color:#687386;cursor:pointer}form{padding:24px 28px}label{display:grid;gap:7px;font-weight:700;margin-bottom:17px}label small{font-weight:400;color:#7a8596}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toggle-label{align-content:start}.toggle-label input{display:none}.toggle{width:42px;height:24px;background:#ccd3dd;border-radius:99px;position:relative;margin-top:7px}.toggle:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.toggle-label input:checked+.toggle{background:#1769e0}.toggle-label input:checked+.toggle:after{left:21px}.match-test{border:1px solid #cbd8e9;background:#f9fbfe;border-radius:8px;padding:16px;margin:6px 0 20px}.match-test h3{margin:0 0 12px;font-size:15px}.test-row{display:flex;gap:8px}.test-row input{flex:1}.test-result{margin-top:10px;padding:10px;border-radius:6px}.test-result.success{color:#08763d;background:#eafaF1;border:1px solid #96deb5}.test-result.warning{color:#8a5b00;background:#fff7dc;border:1px solid #edd282}.test-result.failure{color:#a12d2d;background:#fff0f0;border:1px solid #efb2b2}.muted-text{color:#778296}.error{color:#a12d2d;background:#fff0f0;border:1px solid #efb2b2;border-radius:6px;padding:11px;margin-bottom:15px}.actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e7eaf0;padding-top:18px}.actions button{min-width:105px}.toast{position:fixed;z-index:20;left:50%;bottom:30px;transform:translateX(-50%);background:#172033;color:white;padding:12px 20px;border-radius:7px;box-shadow:0 6px 24px #0004}@media(max-width:1250px){.stats{grid-template-columns:repeat(2,1fr)}.drawer{width:450px}}