:root{--primary: #6366f1;--primary-light: #818cf8;--primary-bg: #eef2ff;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--info: #2563eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1);--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}[data-theme=dark]{--gray-50: #1f2937;--gray-100: #111827;--gray-200: #374151;--gray-300: #4b5563;--gray-500: #9ca3af;--gray-700: #d1d5db;--gray-900: #f9fafb;--primary-bg: #1e1b4b;--shadow: 0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] body{background:#0f172a;color:#f1f5f9}[data-theme=dark] .card,[data-theme=dark] .kpi{background:#1e293b}[data-theme=dark] .sidebar{background:#0f172a}[data-theme=dark] table th,[data-theme=dark] tr:hover{background:#1e293b}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#1e293b;color:#f1f5f9;border-color:#374151}[data-theme=dark] .code-block{background:#0f172a;border-color:#334155}[data-theme=dark] .search-input{background:#1e293b;color:#f1f5f9;border-color:#374151}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--primary);color:#fff;padding:1rem 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar h1{font-size:1.1rem;padding:.5rem 1.2rem .3rem;font-family:var(--font-mono)}.sidebar .subtitle{font-size:.75rem;padding:0 1.2rem .8rem;opacity:.7;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:.5rem}.sidebar nav a{display:block;color:#fffc;text-decoration:none;padding:.55rem 1.2rem;font-size:.88rem;transition:background .15s}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff1f;color:#fff}.sidebar-footer{margin-top:auto;padding:1rem 1.2rem;border-top:1px solid rgba(255,255,255,.15);font-size:.8rem;color:#fff9}.main{flex:1;padding:1.5rem 2rem;overflow-x:auto}.page-title{font-size:1.4rem;margin-bottom:1.2rem;font-weight:600}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600;margin-bottom:.8rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;text-align:center}.kpi-value{font-size:2rem;font-weight:700;color:var(--primary);font-family:var(--font-mono)}.kpi-label{font-size:.8rem;color:var(--gray-500);margin-top:.2rem}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--gray-200)}th{background:var(--gray-50);font-weight:600;color:var(--gray-700);white-space:nowrap}tr:hover{background:var(--primary-bg)}.badge{display:inline-block;padding:.15rem .6rem;border-radius:12px;font-size:.72rem;font-weight:600}.badge-active{background:#d1fae5;color:#065f46}.badge-deprecated{background:#fee2e2;color:#991b1b}.badge-experimental{background:#fef3c7;color:#92400e}.badge-critical{background:#dc2626;color:#fff}.badge-high{background:#f97316;color:#fff}.badge-medium{background:#eab308;color:#422006}.badge-low{background:#3b82f6;color:#fff}.badge-info{background:var(--gray-300);color:var(--gray-700)}.badge-auth{background:#818cf8;color:#fff}.badge-database{background:#34d399;color:#064e3b}.badge-api{background:#60a5fa;color:#fff}.badge-frontend{background:#f472b6;color:#fff}.badge-docker{background:#2563eb;color:#fff}.badge-nginx{background:#16a34a;color:#fff}.badge-testing{background:#a78bfa;color:#fff}.badge-monitoring{background:#fbbf24;color:#422006}.badge-ui{background:#e879f9;color:#fff}.badge-integration{background:#fb923c;color:#fff}.badge-security{background:#ef4444;color:#fff}.badge-other{background:var(--gray-500);color:#fff}.btn{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius);border:none;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.3rem .6rem;font-size:.78rem}.btn-outline{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-700);margin-bottom:.3rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem .7rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px #6366f126}.search-bar{display:flex;gap:.8rem;margin-bottom:1.2rem;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:200px;padding:.5rem .8rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px #6366f126}.filter-select{padding:.5rem .7rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.85rem;background:#fff}.code-block{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.5;white-space:pre;margin:.8rem 0}.tag{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.72rem;background:var(--gray-200);color:var(--gray-700);margin:.1rem .15rem}.matrix-table{font-size:.78rem}.matrix-table th{font-size:.72rem;writing-mode:vertical-rl;text-orientation:mixed;padding:.4rem;max-width:30px}.matrix-table td{text-align:center;padding:.3rem;min-width:30px}.cell-current{color:var(--success);font-weight:700}.cell-outdated{color:var(--warning);font-weight:700}.cell-none{color:var(--gray-300)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gray-100)}.login-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;width:380px}.login-box h1{text-align:center;margin-bottom:1.5rem;font-family:var(--font-mono);color:var(--primary)}.detail-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.detail-header h2{font-size:1.3rem}.detail-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.85rem;color:var(--gray-500)}.list-item{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--gray-200);cursor:pointer}.list-item:hover{background:var(--primary-bg);margin:0 -.5rem;padding:.6rem .5rem;border-radius:var(--radius)}.list-item-title{font-weight:500}.list-item-desc{font-size:.82rem;color:var(--gray-500)}.scan-item{padding:.6rem .8rem;border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:.5rem}.scan-ok{border-left:3px solid var(--success)}.scan-outdated{border-left:3px solid var(--warning)}.scan-issues{border-left:3px solid var(--danger)}.scan-not-found{border-left:3px solid var(--gray-300)}@media(max-width:768px){.sidebar{width:60px;overflow:hidden}.sidebar h1,.sidebar .subtitle,.sidebar-footer{display:none}.sidebar nav a{text-align:center;padding:.6rem;font-size:1.2rem}.main{padding:1rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}}