@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto+Mono:wght@400;500;600&display=swap";
:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-label:#475569;--text-dim:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--critical:#e11d48;--critical-bg:#fff1f2;--high:#ea580c;--high-bg:#fff7ed;--medium:#d97706;--medium-bg:#fef3c7;--low:#059669;--low-bg:#ecfdf5;--closed:#64748b;--closed-bg:#f1f5f9;--sidebar-w:236px;--header-h:60px;--radius:10px;--radius-sm:6px;--mono:"Roboto Mono", monospace;--sans:"Inter", "Noto Sans KR", -apple-system, sans-serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--glass-shadow:0 10px 25px -5px #94a3b81a, 0 4px 10px -3px #94a3b80d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);font-size:14px}body{font-family:var(--sans);background:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6}.app-shell{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-right:1px solid var(--border);background:#fffffff2;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--accent), #1d4ed8);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 4px 12px #2563eb33}.sidebar-brand-icon svg{color:#fff}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-title{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.2}.sidebar-brand-sub{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:600;font-family:var(--mono)}.sidebar-project{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px}.sidebar-project-label{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800}.sidebar-project-select{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text-secondary);font-size:11.5px;font-family:var(--sans);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);outline:none;padding:6px 10px}.sidebar-project-select:hover{background:var(--surface-3);border-color:var(--accent)}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.sidebar-section{margin-bottom:16px}.sidebar-section-label{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;padding:4px 12px 6px;font-size:9.5px;font-weight:800}.sidebar-link{color:var(--text-muted);transition:var(--transition);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--surface-2);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-light);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-link svg{opacity:.7;transition:var(--transition);flex-shrink:0}.sidebar-link.active svg{opacity:1;color:var(--accent)}.sidebar-link-label{flex-direction:column;display:flex}.sidebar-link-ko{font-size:12.5px;line-height:1.4}.sidebar-link-en{color:var(--text-dim);font-size:10px;font-family:var(--mono);line-height:1.1}.sidebar-link.active .sidebar-link-en{color:var(--text-muted)}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:16px 20px}.sidebar-footer-text{color:var(--text-dim);font-size:9px;font-family:var(--mono);text-align:center}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-header{height:var(--header-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#fffc;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.page-header-title{flex-direction:column;gap:2px;display:flex}.page-header-title-ko{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1.2}.page-header-title-en{color:var(--text-muted);font-size:10.5px;font-weight:600;font-family:var(--mono);text-transform:uppercase}.page-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.page-content{flex:1;padding:24px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:20px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--border-strong);border-radius:4px 0 0 4px;width:3px;position:absolute;top:0;bottom:0;left:0}.kpi-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #2563eb12}.kpi-card-label{flex-direction:column;gap:1px;display:flex}.kpi-card-label-ko{color:var(--text-muted);letter-spacing:.01em;font-size:11px;font-weight:600}.kpi-card-value{font-size:20px;font-weight:700;font-family:var(--mono);color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.kpi-card-value.critical{color:var(--critical)}.kpi-card-value.high{color:var(--high)}.kpi-card-value.low{color:var(--low)}.kpi-card-value.accent{color:var(--accent)}.kpi-card-value.medium{color:var(--medium)}.kpi-card-meta{color:var(--text-dim);font-size:10px;font-family:var(--mono)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glass-shadow);margin-bottom:24px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:#f8fafccc;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.panel-title{flex-direction:column;gap:2px;display:flex}.panel-title-ko{color:var(--text-primary);font-size:13.5px;font-weight:800}.panel-body{padding:20px}.panel-body.no-pad{padding:0}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead{background:#f8fafccc}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1.5px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:10.5px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;transition:var(--transition);padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{color:var(--text-primary);background:#2563eb04}.data-table .mono{font-family:var(--mono);font-size:12px}.badge{letter-spacing:.01em;text-transform:uppercase;border-radius:var(--radius-sm);font-size:10.5px;font-weight:700;font-family:var(--sans);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.badge-critical{background:var(--critical-bg);color:var(--critical);border:1px solid #e11d4833}.badge-high{background:var(--high-bg);color:var(--high);border:1px solid #ea580c33}.badge-medium{background:var(--medium-bg);color:var(--medium);border:1px solid #d9770633}.badge-low{background:var(--low-bg);color:var(--low);border:1px solid #05966933}.badge-closed{background:var(--closed-bg);color:var(--closed);border:1px solid #64748b33}.badge-accent{background:var(--accent-light);color:var(--accent);border:1px solid #2563eb33}.badge-open{background:var(--medium-bg);color:var(--medium);border:1px solid #d9770633}.btn{font-size:12px;font-weight:600;font-family:var(--sans);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:6px 14px;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb26}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb40}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--accent)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--accent);background:#2563eb0a}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.grid-sidebar{grid-template-columns:1fr 340px;gap:20px;display:grid}.section-title{align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.section-title-ko{color:var(--text-primary);font-size:14.5px;font-weight:800}.section-title-en{color:var(--text-muted);font-size:11px;font-weight:500;font-family:var(--mono)}.filter-bar{border-bottom:1px solid var(--border);background:#f8fafc99;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px;font-size:11px;font-weight:700}.filter-select{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--sans);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:8px;outline:none;padding:6px 30px 6px 12px}.filter-select:hover{border-color:var(--accent);background-color:var(--surface-2);color:var(--text-primary)}.data-table tr.row-critical td:first-child{box-shadow:inset 3px 0 0 var(--critical)}.data-table tr.row-high td:first-child{box-shadow:inset 3px 0 0 var(--high)}.progress-bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), #60a5fa);border-radius:3px;height:100%;transition:width .15s}.progress-bar-fill.critical{background:var(--critical)}.progress-bar-fill.high{background:var(--high)}.progress-bar-fill.low{background:var(--low)}.risk-matrix{font-family:var(--mono);grid-template-rows:repeat(5,1fr) 32px;grid-template-columns:32px repeat(5,1fr);gap:4px;display:grid}.risk-cell{aspect-ratio:1;border-radius:var(--radius-sm);transition:var(--transition);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.risk-cell:hover{filter:brightness(.9);transform:scale(1.03)}.risk-axis-label{color:var(--text-muted);justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:flex}.val{font-family:var(--mono);font-size:11px}.empty-state{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.chart-wrap{padding:16px 20px}.form-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.form-grid.cols-1{grid-template-columns:1fr}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.form-field{flex-direction:column;gap:6px;display:flex}.form-field.full-width{grid-column:1/-1}.form-label{font-size:10.5px;font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.form-label span{color:var(--critical);margin-left:2px}.form-input,.form-select,.form-textarea{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-primary);font-size:13px;font-family:var(--sans);border-radius:var(--radius-sm);transition:var(--transition);box-sizing:border-box;outline:none;width:100%;padding:8px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb26}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:8px;padding-right:32px}.form-textarea{resize:vertical;min-height:80px;line-height:1.6}.form-hint{color:var(--text-dim);font-size:10.5px;font-family:var(--mono)}.form-divider{border:none;border-top:1px solid var(--border);grid-column:1/-1;margin:6px 0}.form-section-title{color:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;padding-top:4px}.field-error{border-color:var(--critical)!important;box-shadow:0 0 0 2px #e11d4826!important}.form-error{color:var(--critical);font-size:10.5px;font-family:var(--mono);margin-top:2px}.toast{background:var(--text-primary);color:#fff;z-index:600;border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 24px;font-size:12.5px;font-weight:600;animation:.25s cubic-bezier(.4,0,.2,1) toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #00000026}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000026}