:root{font-family:Inter,Pretendard,Noto Sans KR,Arial,sans-serif;color:#202b36;background:#f6f7f9;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#17212b;color:#b9c4ce;display:flex;flex-direction:column;padding:24px 13px;z-index:4}.brand{padding:2px 13px 24px;font-size:21px;font-weight:800;color:#fff;letter-spacing:-1px}.brand small{display:block;color:#8c9baa;font-size:10px;font-weight:500;letter-spacing:1.5px;margin-top:5px}.navbtn{border:0;background:none;color:#aebac6;width:100%;text-align:left;padding:12px 13px;border-radius:7px;margin:2px 0;font-weight:600}.navbtn:hover,.navbtn.active{background:#30404e;color:#fff}.navbtn b{font-size:15px;margin-right:12px;font-weight:400}.sidebottom{margin-top:auto;border-top:1px solid #364452;padding:15px 12px;font-size:11px;line-height:1.8}.main{margin-left:218px;width:calc(100% - 218px)}.top{position:sticky;top:0;height:59px;background:#fff;border-bottom:1px solid #e3e7ec;display:flex;align-items:center;justify-content:space-between;padding:0 29px;z-index:3}.top select{border:1px solid #dce2e8;padding:8px;border-radius:6px;background:#fff;min-width:220px}.content{padding:27px 32px 70px;max-width:1500px;margin:auto}.crumb{font-size:11px;color:#84909d;margin-bottom:10px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:23px}h1{font-size:24px;letter-spacing:-.8px;margin:0 0 6px}h2{font-size:15px;margin:0 0 14px}h3{font-size:13px;margin:0 0 9px}p{margin:0;color:#7a8794;line-height:1.55}.btn{border:1px solid #d8dfe6;border-radius:6px;background:#fff;padding:8px 12px;color:#25323e;font-weight:650;white-space:nowrap}.btn:hover{background:#f0f3f5}.btn.primary{background:#263849;border-color:#263849;color:#fff}.btn.primary:hover{background:#364c61}.btn.sm{font-size:11px;padding:6px 9px}.btn.danger{color:#a12f3a}.btns{display:flex;gap:7px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px}.subnav{border:1px solid #e4e8ed;background:#fff;border-radius:9px;padding:8px;height:max-content}.subnav button{width:100%;border:0;background:none;text-align:left;padding:11px;border-radius:6px;color:#667481;font-weight:600}.subnav button.active{background:#eaf0f5;color:#233c52}.panel{background:#fff;border:1px solid #e3e8ed;border-radius:9px;padding:20px;margin-bottom:16px}.panel.flush{padding:0}.muted{color:#7b8794}.tiny{font-size:11px}.tag{display:inline-block;padding:4px 8px;background:#f1f3f6;color:#5c6875;border-radius:4px;font-size:11px;white-space:nowrap}.tag.ok{background:#e8f5ee;color:#21734d}.tag.warn{background:#fff3e3;color:#966122}.tag.bad{background:#fbecec;color:#9a3434}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e3e8ed;border-radius:9px;padding:18px}.kpi strong{display:block;font-size:25px;margin-top:11px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f8fafb;font-size:11px;color:#6e7a86;font-weight:700}th,td{padding:12px 13px;border-bottom:1px solid #edf0f3;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}.click{cursor:pointer}.link{color:#285a82;font-weight:700;cursor:pointer}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.input{width:100%;border:1px solid #dce2e8;background:#fff;border-radius:6px;padding:10px 11px;outline:none}.input:focus{border-color:#6688a6}textarea.input{min-height:90px;resize:vertical}.label{display:block;font-weight:650;font-size:11px;color:#586674;margin-bottom:7px}.field{margin-bottom:15px}.toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:13px;flex-wrap:wrap}.toolbar input{max-width:340px}.empty{padding:36px;text-align:center;color:#8995a0}.modalback{position:fixed;top:0;right:0;bottom:0;left:0;background:#1019238a;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:10px;padding:25px;width:min(660px,96vw);max-height:90vh;overflow:auto;box-shadow:0 15px 50px #1019233b}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modalhead h2{font-size:18px;margin:0}.close{border:0;background:none;font-size:24px;color:#77828d}.divider{border-top:1px solid #edf0f3;margin:16px 0}.notice{border-left:3px solid #9ab0c1;background:#f4f7fa;padding:11px 14px;color:#647484;font-size:12px;line-height:1.6;margin-bottom:17px}.tabs{display:flex;gap:5px;border-bottom:1px solid #e6eaef;margin-bottom:17px;flex-wrap:wrap}.tabs button{border:0;background:none;padding:11px 14px;color:#788593;font-weight:650}.tabs button.active{border-bottom:2px solid #2a4459;color:#263d50}.activity{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eef1f4}.dot{height:8px;width:8px;border-radius:50%;background:#9db2c5;margin-top:5px;flex-shrink:0}.step{padding:12px 15px;border:1px solid #e8ecf0;border-radius:7px;margin-bottom:8px}.stephead{display:flex;align-items:center;justify-content:space-between;gap:12px}.searchbig{font-size:15px;padding:15px 17px}.footnote{font-size:11px;color:#8a96a1;margin-top:12px}.pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.pill{border:1px solid #dfe5ea;border-radius:20px;background:#fff;padding:7px 12px;color:#667482}.pill.active{background:#293d50;color:#fff;border-color:#293d50}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hidden{display:none!important}@media(max-width:1000px){.sidebar{width:65px;padding:20px 6px}.brand{font-size:14px;padding:4px 7px}.brand small,.navbtn .navlabel,.sidebottom{display:none}.navbtn{text-align:center}.navbtn b{margin:0}.main{margin-left:65px;width:calc(100% - 65px)}.workspace{grid-template-columns:150px 1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.content{padding:18px 12px}.top{padding:0 12px}.top select{min-width:130px;max-width:180px}.workspace{display:block}.subnav{display:flex;overflow:auto;margin-bottom:14px}.subnav button{white-space:nowrap;width:auto}.grid2,.grid3,.compare{grid-template-columns:1fr}.heading{flex-wrap:wrap}}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.auth{width:min(390px,100%);display:grid;gap:12px}.auth .logo{font-weight:800;font-size:28px;letter-spacing:-1px}.auth .logo span{font-weight:400;color:#718093;font-size:16px}.auth p{margin:0 0 6px}.auth .btn{width:100%;justify-content:center}.btn.link{border:0;background:none;color:#285a82;font-weight:600}.alert{border-left:3px solid #9ab0c1;background:#eef3f8;color:#35475b;padding:12px 14px;border-radius:0 7px 7px 0;font-size:12.5px;margin-bottom:16px;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.alert.err{border-color:#c25b5b;background:#fbefef;color:#7c2a2a}.kpi.click{cursor:pointer}.kpi.click:hover{border-color:#c5ccd6}pre.json{background:#f7f8fa;overflow:auto;padding:10px;max-height:230px;font-size:11px;border-radius:6px}.diff{font-size:12px;padding:3px 0}.diff del{color:#9a3434}.diff ins{color:#21734d;text-decoration:none}.checkcell{width:34px}.badge-new{background:#e8f0fb;color:#285a82}.topactions{display:flex;gap:13px;align-items:center;min-width:0}@media(max-width:680px){.topactions{gap:6px}.topactions .tag{display:none}.top select{min-width:0;max-width:170px}.top>div:first-child{font-size:12px;white-space:nowrap}}@media(max-width:480px){.top>div:first-child{display:none}.top{justify-content:flex-end}.top select{max-width:200px}}