@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600&display=swap";:root{--bg-base:#f8f9fb;--bg-panel:#fff;--bg-card:#fff;--bg-hover:#f1f3f7;--bg-sidebar:#1b1f2e;--bg-sidebar-hover:#252a3c;--bg-sidebar-active:#2d3348;--border:#e2e5eb;--border-strong:#cdd1d9;--border-focus:#4f7df3;--color-primary:#4f7df3;--color-primary-light:#eef2fe;--color-success:#22a06b;--color-success-light:#e6f9f0;--color-danger:#e5484d;--color-danger-light:#fef0f0;--color-warning:#e5930e;--color-warning-light:#fef8ec;--color-info:#0b8ed9;--color-info-light:#ebf7fe;--chart-1:#4f7df3;--chart-2:#22a06b;--chart-3:#e5930e;--chart-4:#9059d6;--chart-5:#e5484d;--chart-6:#0b8ed9;--chart-7:#c96442;--chart-8:#637083;--text-primary:#1a1f36;--text-secondary:#505770;--text-tertiary:#8f95a8;--text-on-dark:#e8ecf2;--text-on-dark-dim:#8690a8;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-card:0 1px 3px #0000000a, 0 0 0 1px #00000005;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--text-3xl:36px;--font-heading:"Inter", "Noto Sans KR", sans-serif;--font-body:"Inter", "Noto Sans KR", sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:240px}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px;transition:box-shadow .2s,transform .2s;animation:.5s backwards fadeUp;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card.c1{border-left:3px solid var(--chart-1)}.kpi-card.c2{border-left:3px solid var(--chart-2)}.kpi-card.c3{border-left:3px solid var(--chart-3)}.kpi-card.c4{border-left:3px solid var(--chart-4)}.kpi-card.c5{border-left:3px solid var(--chart-5)}.kpi-card:first-child{animation-delay:30ms}.kpi-card:nth-child(2){animation-delay:60ms}.kpi-card:nth-child(3){animation-delay:90ms}.kpi-card:nth-child(4){animation-delay:.12s}.kpi-label{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px;font-weight:500}.kpi-value{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-bottom:8px;font-weight:700;line-height:1;transition:transform .2s}.kpi-value.pop{animation:.35s kpi-pop}@keyframes kpi-pop{0%{transform:scale(1.08)}to{transform:scale(1)}}.kpi-sub{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin-top:4px}.kpi-change-up{color:var(--color-success)}.kpi-change-down{color:var(--color-danger)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);animation:.6s backwards fadeUp;overflow:visible}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.panel-title{font-family:var(--font-heading);font-size:var(--text-base);letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-weight:600;display:flex}.panel-body{padding:20px}.badge-success{border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--color-success-light);color:#0d7a4a;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.badge-danger{border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--color-danger-light);color:#c83532;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.badge-warning{border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--color-warning-light);color:#9e6c00;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.badge-info{border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--color-info-light);color:#0968a8;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.badge-purple{border-radius:var(--radius-sm);font-size:var(--text-xs);color:#7c3aed;background:#8b5cf61f;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.badge-orange{border-radius:var(--radius-sm);font-size:var(--text-xs);color:#b45309;background:#f59e0b1f;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.badge-gray{border-radius:var(--radius-sm);font-size:var(--text-xs);color:#4b5563;background:#6b72801f;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.status-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.status-open{background:var(--color-info-light);color:#0968a8}.status-progress{background:var(--color-warning-light);color:#9e6c00}.status-resolved{background:var(--color-success-light);color:#0d7a4a}.status-closed{background:var(--bg-hover);color:var(--text-tertiary)}.tag{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);border:1px solid;padding:3px 10px}.tag-primary{color:var(--color-primary);border-color:var(--color-primary-light);background:var(--color-primary-light)}.tag-success{color:var(--color-success);border-color:var(--color-success-light);background:var(--color-success-light)}.tag-danger{color:var(--color-danger);border-color:var(--color-danger-light);background:var(--color-danger-light)}.tag-warning{color:var(--color-warning);border-color:var(--color-warning-light);background:var(--color-warning-light)}.row-2-1{grid-template-columns:2fr 1fr;gap:16px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.row-1-1,.row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filter-group{gap:2px;display:flex}.filter-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;font-family:var(--font-body);background:0 0;padding:6px 14px;font-weight:500;transition:all .2s}.filter-btn:hover{color:var(--text-secondary);border-color:var(--border-strong)}.filter-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination{justify-content:center;gap:4px;padding:14px 0;display:flex}.pg-btn{border-radius:var(--radius-sm);border:1px solid var(--border);min-width:34px;height:30px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.pg-btn:hover{border-color:var(--border-strong);color:var(--text-secondary)}.pg-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.filter-chip{background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:4px;padding:2px 10px;font-weight:500;display:inline-flex}.filter-chip-remove{cursor:pointer;color:var(--text-tertiary);font-size:14px;line-height:1;transition:color .15s}.filter-chip-remove:hover{color:var(--color-danger)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=2560px){.kpi-grid{gap:clamp(18px,1.2vw,28px)}.kpi-card{padding:clamp(22px,1.4vw,32px)}.kpi-value{font-size:clamp(28px,2vw,40px)}.kpi-label,.kpi-sub{font-size:13px}.row-2-1,.row-1-1,.row-3,.row-2{gap:clamp(18px,1.2vw,28px)}.panel-header{padding:clamp(16px,1vw,22px) clamp(20px,1.2vw,28px)}.panel-body{padding:clamp(20px,1.2vw,28px)}.panel-title{font-size:15px}.data-table th,.data-table td{padding:12px 18px;font-size:13px}}@media (width>=1900px) and (width<=2559px){.kpi-grid{gap:18px}.kpi-card{padding:24px}.kpi-value{font-size:30px}.row-2-1,.row-1-1,.row-3,.row-2{gap:18px}.panel-body{padding:22px}.panel-header{padding:15px 22px}}@media (width<=1500px){.row-3{grid-template-columns:1fr 1fr}}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.row-2-1,.row-1-1,.row-3{grid-template-columns:1fr}}*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}.show-scrollbar{scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important;overflow:auto!important}.show-scrollbar::-webkit-scrollbar{width:8px;height:8px;display:block!important}.show-scrollbar::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:4px}.show-scrollbar::-webkit-scrollbar-track{background:0 0}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.5}#root{width:100%;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}.recharts-wrapper,.recharts-wrapper svg,.recharts-surface{-webkit-user-select:none;user-select:none;outline:none!important}.recharts-wrapper :focus,.recharts-wrapper :active{outline:none!important}.sidebar{z-index:100;background:#1b1f2e;border-right:1px solid #2d3348;flex-direction:column;flex-shrink:0;width:240px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-collapsed{transform:translate(-100%)}.sidebar-is-collapsed{margin-left:0!important}.sidebar-is-collapsed .page-container{padding-left:56px!important}.sidebar-expand-btn{z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;top:16px;left:16px}.sidebar-expand-btn span{background:var(--text-secondary);border-radius:1px;width:18px;height:2px;display:block}.sidebar-overlay,.mobile-header{display:none}.main-content{background:#f8f9fb;flex:1;min-width:0;height:100vh;margin-left:240px;overflow:auto}.page-container{width:100%;min-width:800px;padding:clamp(20px,2.5vh,40px) clamp(24px,2.5vw,56px)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:flex}.hamburger span{background:var(--text-primary);border-radius:1px;width:20px;height:2px;display:block}@media (width<=768px){.sidebar{z-index:200;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:199;background:#0000004d;display:block;position:fixed;inset:0}.mobile-header{z-index:50;background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.main-content{margin-left:0;padding-top:48px}.sidebar-collapse-btn,.sidebar-expand-btn{display:none!important}.sidebar-collapsed{transform:translate(-100%)}.page-container{min-width:0;padding:16px 12px 24px}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.row-1-1,.row-2-1{grid-template-columns:1fr!important}.kpi-card{padding:14px!important}.kpi-value{font-size:22px!important}.panel-header{padding:10px 14px!important}.panel-body{padding:14px!important}.data-table th,.data-table td{padding:8px 10px!important;font-size:11px!important}}@media (width>=769px) and (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.row-2-1{grid-template-columns:1fr!important}.page-container{min-width:0;padding:0 16px}}.btn{border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;background:0 0;outline:none;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-weight:500;line-height:1.4;display:inline-flex}.btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{color:#fff;background:#3d6be0;border-color:#3d6be0}.btn-danger{background:var(--color-danger-light);border-color:var(--color-danger-light);color:var(--color-danger)}.btn-danger:hover{color:var(--color-danger);border-color:var(--color-danger-light);background:#fde0e0}.btn-success{background:var(--color-success-light);border-color:var(--color-success-light);color:var(--color-success)}.btn-success:hover{color:var(--color-success);border-color:var(--color-success-light);background:#d4f5e4}.btn-sm{font-size:var(--text-sm);padding:5px 10px}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}.form-control{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-mono);background:var(--bg-card);color:var(--text-primary);outline:none;padding:8px 14px}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #4f7df31f}.form-control::placeholder{color:var(--text-tertiary)}.form-select{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-mono);background:var(--bg-card) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238f95a8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 10px center / 14px 10px;color:var(--text-primary);appearance:none;cursor:pointer;outline:none;padding:8px 30px 8px 14px}.form-select:focus{border-color:var(--border-focus)}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.data-table th{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-base);padding:10px 14px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);padding:10px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover);transition:background .15s}.data-table .total-row td{border-top:1px solid var(--border-strong);color:var(--text-primary);font-weight:700}.text-right{text-align:right!important}.analytics-table-wrap{flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;display:flex}.analytics-table-controls{flex-shrink:0;justify-content:flex-end;gap:6px;margin-bottom:8px;padding:0 4px;display:flex}.analytics-table-scroll{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:100%;min-height:0;overflow:auto}.analytics-table-scroll::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}.analytics-table-scroll::-webkit-scrollbar-track{background:var(--bg-base)}.analytics-table-scroll::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.analytics-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.analytics-table{table-layout:auto;border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.analytics-table th,.analytics-table td{white-space:nowrap}.analytics-table thead th{z-index:2;background:var(--bg-base);position:sticky}.analytics-table thead tr.metric-group-row th{top:0}.analytics-table thead tr.metric-row th{top:var(--group-row-h,26px)}.analytics-table thead th.metric-group-h{text-align:center;letter-spacing:.08em;text-transform:uppercase;border-top:2px solid var(--border);border-right:1px solid var(--bg-base);padding:4px 8px;font-size:11px;font-weight:700}.analytics-table thead th.metric-th{padding-top:6px}.analytics-table th.sticky-col,.analytics-table td.sticky-col{z-index:1;background:var(--bg-card);box-shadow:1px 0 0 var(--border);position:sticky;left:0}.analytics-table thead th.sticky-col{z-index:3;background:var(--bg-base);top:0}.analytics-table tr:hover td.sticky-col{background:var(--bg-hover)}.analytics-table .total-row td.sticky-col{background:var(--bg-base)}.analytics-table .app-row td{background:var(--bg-card)}.analytics-table .network-row td{background:var(--bg-card);font-size:var(--text-sm)}.analytics-table .network-row td.sticky-col{background:var(--bg-card)}.analytics-table tr:hover.app-row td,.analytics-table tr:hover.network-row td{background:var(--bg-hover)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:16px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-body{padding:20px}.modal-overlay{z-index:1050;background:#0000004d;justify-content:center;align-items:flex-start;padding-top:5vh;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:680px;max-width:92vw;max-height:85vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-size:15px;font-weight:600}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.loading-overlay{z-index:10;border-radius:inherit;background:#f8f9fbcc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:2px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}.nav-section{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-dark-dim);padding:16px 20px 6px;font-size:10px;font-weight:600}.summary-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-card);padding:20px}.summary-card .label{font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.summary-card .value{font-family:var(--font-heading);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.chips-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);cursor:text;flex-wrap:wrap;gap:6px;min-height:40px;padding:6px;display:flex;position:relative}.chips-input:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px #4f7df31f}.chips-input-field{min-width:140px;font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:4px 6px}.chips-input-field::placeholder{color:var(--text-tertiary)}.chip{background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono);white-space:nowrap;border:1px solid #4f7df333;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.chip .remove{cursor:pointer;color:var(--text-tertiary);font-size:15px;line-height:1}.chip .remove:hover{color:var(--color-danger)}.suggestions-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1056;max-height:260px;box-shadow:var(--shadow-lg);margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow:auto}.suggestions-item{cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);padding:9px 12px}.suggestions-item:hover,.suggestions-item.active{background:var(--bg-hover);color:var(--text-primary)}.tab-group{border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.tab-btn{font-size:var(--text-sm);font-family:var(--font-body);color:var(--text-tertiary);cursor:pointer;border:none;border-right:1px solid var(--border);background:0 0;padding:7px 16px;font-weight:500;transition:all .2s}.tab-btn:last-child{border-right:none}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{background:var(--color-primary-light);color:var(--color-primary)}.check-label{cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}#toast-container{z-index:9000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base);opacity:0;pointer-events:none;white-space:nowrap;border:1px solid;padding:12px 20px;transition:all .3s;transform:translate(20px)}.toast.show{opacity:1;transform:none}.toast-success{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.toast-error{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.toast-info{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info)}@media (width<=1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.summary-cards{grid-template-columns:1fr}}@media (width>=1900px){body{font-size:14.5px}h2{font-size:20px}}@media (width>=2560px){body{font-size:16px}h2{font-size:24px!important}.kpi-value{font-size:34px}.kpi-label{font-size:13px}.kpi-sub{font-size:12px}.summary-card .value{font-size:34px}.summary-card{padding:28px}.btn{padding:9px 20px;font-size:14px}.form-control{padding:10px 16px;font-size:14px}.form-select{padding:10px 34px 10px 16px;font-size:14px}}body.fullscreen-table .main-content{height:100vh;overflow:hidden}body.fullscreen-table .page-container{box-sizing:border-box;height:100%;overflow:hidden}