*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f0f0;--surface:#fff;--border:#ccc;--border2:#aaa;--text1:#000;--text2:#333;--text3:#666;--blue:#06c;--blue-bg:#e8f0ff;--blue-sel:#c5d9f1;--green:#060;--green-bg:#efe;--red:#c00;--red-bg:#fee;--amber:#960;--amber-bg:#fff8e0;--header-bg:#d4d0c8;--row-alt:#f9f9f9;--mono:"Courier New", monospace}body{background:var(--bg);color:var(--text1);font-family:맑은 고딕,Malgun Gothic,Arial,sans-serif;font-size:13px}.layout{height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#f0f0f0;flex-direction:column;flex-shrink:0;width:200px;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--header-bg);border-bottom:1px solid var(--border2);align-items:center;gap:8px;height:36px;padding:0 10px;font-size:12px;display:flex}.page-area{flex:1;padding:6px 8px;overflow:auto}.sidebar-logo{border-bottom:1px solid var(--border);background:#e8e8e8;padding:8px 10px;font-size:13px;font-weight:700}.sidebar-nav{flex:1;overflow-y:auto}.nav-group{border-bottom:1px solid var(--border)}.nav-group-title{color:var(--text2);border-bottom:1px solid var(--border);background:#e0e0e0;padding:5px 10px;font-size:11px;font-weight:700}.nav-item{cursor:pointer;color:var(--text2);border-bottom:1px solid #ebebeb;align-items:center;padding:5px 12px;font-size:12px;text-decoration:none;display:flex}.nav-item:hover{background:var(--blue-sel)}.nav-item.active{background:var(--blue-sel);color:var(--blue);font-weight:700}.tabs{border-bottom:1px solid var(--border2);background:var(--bg);display:flex}.tab-item{cursor:pointer;border:1px solid var(--border);color:var(--text2);background:#e0e0e0;border-bottom:none;margin-right:2px;padding:5px 14px;font-size:12px;position:relative;top:1px}.tab-item.active{background:var(--surface);color:var(--text1);border-bottom:1px solid var(--surface);font-weight:700}.filter-bar{background:var(--bg);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;padding:4px 6px;display:flex}.filter-label{color:var(--text2);white-space:nowrap;padding:0 2px;font-size:12px}.filter-input{border:1px solid var(--border2);background:var(--surface);height:22px;color:var(--text1);min-width:80px;padding:0 4px;font-family:inherit;font-size:12px}.filter-input:focus{outline:1px solid var(--blue)}.filter-select{border:1px solid var(--border2);background:var(--surface);height:22px;color:var(--text1);padding:0 2px;font-family:inherit;font-size:12px}.filter-select:focus{outline:1px solid var(--blue)}.page-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.btn{cursor:pointer;border:1px solid var(--border2);white-space:nowrap;height:24px;color:var(--text1);background:#e0e0e0;align-items:center;gap:4px;padding:0 10px;font-family:inherit;font-size:12px;display:inline-flex}.btn:hover{background:#c8c8c8}.btn:active{background:#b0b0b0}.btn-primary{color:#fff;background:#16b;border-color:#05a}.btn-primary:hover{background:#05a}.btn-success{color:#fff;background:#060;border-color:#040}.btn-success:hover{background:#040}.btn-danger{color:#fff;background:#c20;border-color:#a10}.btn-danger:hover{background:#a10}.btn-sm{height:22px;padding:0 8px;font-size:11px}.card{background:var(--surface);border:1px solid var(--border2);margin-bottom:4px}.card-header{background:var(--header-bg);border-bottom:1px solid var(--border2);align-items:center;gap:8px;min-height:26px;padding:4px 8px;display:flex}.card-title{color:var(--text1);font-size:12px;font-weight:700}.card-body{padding:8px}.table-wrap{border:1px solid var(--border2);overflow:auto}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl thead tr{background:var(--header-bg)}.tbl th{border:1px solid var(--border);text-align:left;white-space:nowrap;color:var(--text1);padding:3px 6px;font-size:12px;font-weight:700}.tbl td{border-right:1px solid var(--border);white-space:nowrap;border-bottom:1px solid #e8e8e8;padding:2px 6px}.tbl tbody tr:hover{background:#e8f0ff}.tbl tbody tr.selected{background:var(--blue-sel)!important}.tbl tbody tr:nth-child(2n){background:var(--row-alt)}.tbl tbody tr:nth-child(2n):hover{background:#e8f0ff}.tbl tfoot tr{background:var(--header-bg);font-weight:700}.tbl tfoot td{border:1px solid var(--border);padding:3px 6px}.tbl th{resize:horizontal;overflow:hidden}.num{text-align:right;font-family:var(--mono)}.name{font-weight:500}.split-panel{grid-template-columns:1fr 1fr;gap:4px;display:grid}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:6px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border2);padding:8px 10px}.kpi-label{color:var(--text3);margin-bottom:4px;font-size:11px}.kpi-value{font-size:18px;font-weight:700;font-family:var(--mono);color:var(--text1)}.kpi-sub{color:var(--text3);margin-top:2px;font-size:11px}.kpi-accent .kpi-value{color:var(--blue)}.kpi-green .kpi-value{color:var(--green)}.kpi-amber .kpi-value{color:var(--amber)}.kpi-red .kpi-value{color:var(--red)}.kpi-up{color:var(--green)}.kpi-down{color:var(--red)}.badge{border:1px solid;border-radius:2px;padding:0 5px;font-size:11px;display:inline-block}.badge-blue{color:#05a;background:#e8f0ff;border-color:#a0b8e8}.badge-green{color:#060;background:#efe;border-color:#8c8}.badge-red{color:#c00;background:#fee;border-color:#faa}.badge-amber{color:#960;background:#fff8e0;border-color:#db6}.badge-gray{color:#555;background:#f0f0f0;border-color:#aaa}.badge-purple{color:#50a;background:#f0eeff;border-color:#aad}.form-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.form-row-1{grid-template-columns:1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-group{flex-direction:column;gap:3px;display:flex}.form-label{color:var(--text2);font-size:12px;font-weight:700}.form-control{border:1px solid var(--border2);background:var(--surface);height:24px;color:var(--text1);padding:0 6px;font-family:inherit;font-size:12px}.form-control:focus{outline:1px solid var(--blue)}textarea.form-control{resize:vertical;height:auto;padding:4px 6px}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:2px solid var(--border2);width:100%;max-width:500px;box-shadow:3px 3px 8px #0000004d}.modal-header{background:var(--header-bg);border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.modal-title{font-size:13px;font-weight:700}.modal-body{max-height:60vh;padding:12px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg);justify-content:center;gap:8px;padding:8px 12px;display:flex}.empty-state{text-align:center;color:var(--text3);padding:32px}.empty-icon{margin-bottom:8px;font-size:32px}.empty-text{font-size:13px}.empty-sub{margin-top:4px;font-size:11px}input[type=checkbox]{cursor:pointer;width:13px;height:13px;accent-color:var(--blue)}input[type=radio]{cursor:pointer;accent-color:var(--blue)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#f0f0f0;border:1px solid #d0d0d0}::-webkit-scrollbar-thumb{background:#b0b0b0;border:1px solid #909090}::-webkit-scrollbar-thumb:hover{background:#909090}.skeleton{background:linear-gradient(90deg,#e8e8e8 25%,#d8d8d8 50%,#e8e8e8 75%) 0 0/200% 100%;animation:1.4s infinite skel}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.banner-info{background:var(--blue-bg);color:var(--blue);border:1px solid #a0b8e8;margin-bottom:4px;padding:4px 8px;font-size:12px}.banner-warn{background:var(--amber-bg);color:var(--amber);border:1px solid #db6;margin-bottom:4px;padding:4px 8px;font-size:12px}.banner-ok{background:var(--green-bg);color:var(--green);border:1px solid #8c8;margin-bottom:4px;padding:4px 8px;font-size:12px}.banner-err{background:var(--red-bg);color:var(--red);border:1px solid #faa;margin-bottom:4px;padding:4px 8px;font-size:12px}.chip{border:1px solid var(--border2);cursor:pointer;background:#e0e0e0;padding:1px 7px;font-size:11px;display:inline-block}.chip-active{background:var(--blue);color:#fff;border-color:#05a}.chip-inactive{color:var(--text2);background:#e0e0e0}.chip-inactive:hover{background:#c8c8c8}.section-header{background:var(--header-bg);border:1px solid var(--border);margin-bottom:4px;padding:4px 8px;font-size:12px;font-weight:700}@media (max-width:768px){.sidebar{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.split-panel,.form-row{grid-template-columns:1fr}}.dot-live{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.grid-2{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tbl th.resizable{-webkit-user-select:none;user-select:none;position:relative}.tbl th.resizable .col-resize-handle{cursor:col-resize;z-index:2;background:0 0;width:5px;position:absolute;top:0;bottom:0;right:0}.tbl th.resizable .col-resize-handle:hover,.tbl th.resizable .col-resize-handle.dragging{background:var(--blue);opacity:.4}