:root{--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", "Inter", system-ui, sans-serif;--bg-dark:#0f172a;--bg-card:#1e293bb3;--bg-card-hover:#1e293be6;--bg-card-solid:#1e293b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f126;--accent:#10b981;--accent-hover:#059669;--accent-light:#10b98126;--warning:#f59e0b;--warning-light:#f59e0b26;--danger:#f43f5e;--danger-light:#f43f5e26;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff14;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--glass-border:1px solid #ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em}code,pre{font-family:Fira Code,Courier New,Courier,monospace}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.navbar-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--glass-border);z-index:100;background:#0f172ad9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex}.navbar-brand{align-items:center;gap:.85rem;display:flex}.brand-logo{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 20px #6366f166}.brand-title{font-size:1.25rem;font-weight:700;line-height:1.2}.brand-subtitle{color:var(--text-muted);font-size:.75rem}.navbar-tabs{border:var(--glass-border);background:#1e293b99;border-radius:12px;align-items:center;gap:.35rem;padding:.35rem;display:flex}.tab-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.tab-button:hover{color:#fff;background:#ffffff0d}.tab-button.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f166}.tab-badge{background:var(--warning);color:#000;border-radius:99px;padding:2px 6px;font-size:.65rem;font-weight:700}.navbar-status{align-items:center;gap:1rem;display:flex}.db-indicator{border:var(--glass-border);background:#1e293bcc;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;display:flex}.status-dot.online{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.db-counter{color:var(--text-muted);font-size:.8rem}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.card-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-header.border-bottom{border-bottom:var(--glass-border)}.card-body{padding:1.5rem}.card-footer{border-top:var(--glass-border);background:#0f172a66;padding:1rem 1.5rem}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-secondary{color:#fff;border:var(--glass-border);background:#ffffff14}.btn-secondary:hover{background:#ffffff26}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger-ghost{color:var(--danger);background:0 0}.btn-danger-ghost:hover{background:var(--danger-light)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:#fff}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-icon{border-radius:8px;padding:.5rem}.full-width{width:100%}.form-control,.form-control-sm{border:var(--glass-border);color:#fff;background:#0f172ab3;border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-size:.875rem;transition:border-color .2s}.form-control-sm{padding:.35rem .6rem;font-size:.8rem}.form-control:focus{border-color:var(--primary)}.filter-group{flex-direction:column;gap:.35rem;display:flex}.filter-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:600}.search-input-wrapper{width:100%;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.pl-9{padding-left:2.3rem}.grid-2col{grid-template-columns:repeat(2,1fr);display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);display:grid}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.col-span-2{grid-column:span 2}@media (width<=1024px){.grid-4col{grid-template-columns:repeat(2,1fr)}.grid-3col{grid-template-columns:1fr}}@media (width<=640px){.grid-2col,.grid-4col{grid-template-columns:1fr}.navbar-inner{flex-direction:column}}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.section-header p{color:var(--text-muted);font-size:.9rem}.metric-card{flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.metric-title{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.metric-value{font-size:1.75rem;font-weight:800;font-family:var(--font-heading);color:#fff;margin:.4rem 0}.metric-subtext{color:var(--text-muted);font-size:.75rem}.dropzone{text-align:center;background:#0f172a66;border:2px dashed #ffffff26;border-radius:12px;padding:2.5rem 1.5rem;transition:all .2s}.dropzone:hover{border-color:var(--primary);background:#6366f10d}.dropzone-icon{color:var(--primary);margin-bottom:.75rem}.dropzone-text{color:var(--text-muted);font-size:.9rem}.divider-or{text-align:center;color:var(--text-muted);align-items:center;margin:1.25rem 0;font-size:.8rem;display:flex}.divider-or:before,.divider-or:after{content:"";border-bottom:var(--glass-border);flex:1}.divider-or span{padding:0 .75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.stat-box{border:var(--glass-border);background:#0f172a80;border-radius:10px;padding:1rem}.stat-box.highlight{background:var(--primary-light);border-color:var(--primary)}.stat-label{color:var(--text-muted);font-size:.75rem;display:block}.stat-value{color:#fff;font-size:1.35rem;font-weight:700;display:block}.db-info-box{color:var(--text-muted);font-size:.8rem;line-height:1.6}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{color:var(--text-muted);border-bottom:var(--glass-border);white-space:nowrap;background:#0f172a99;padding:.85rem 1rem;font-weight:600}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:#fff}.data-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.85rem 1rem}.data-table tbody tr:hover{background:#ffffff08}.badge{border-radius:6px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-light);color:#818cf8}.badge-success{background:var(--accent-light);color:#34d399}.badge-warning{background:var(--warning-light);color:#fbbf24}.badge-danger{background:var(--danger-light);color:#f87171}.badge-info{color:#60a5fa;background:#3b82f626}.badge-outline{color:var(--text-main);border:1px solid #fff3}.damage-pill{border-radius:6px;padding:.25rem .6rem;font-weight:700}.damage-pill.low{background:var(--accent-light);color:#34d399}.damage-pill.medium{background:var(--warning-light);color:#fbbf24}.damage-pill.high{background:var(--danger-light);color:#f87171}.alert{border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.alert-success{background:var(--accent-light);border:1px solid var(--accent);color:#34d399}.alert-danger{background:var(--danger-light);border:1px solid var(--danger);color:#f87171}.alert-warning{background:var(--warning-light);border:1px solid var(--warning);color:#fbbf24}.verdict-card{border-radius:16px;padding:1.5rem}.verdict-card.significant{border:1px solid var(--warning);background:linear-gradient(135deg,#f43f5e26,#f59e0b26)}.verdict-card.not-significant{border:1px solid var(--accent);background:linear-gradient(135deg,#10b98126,#6366f126)}.verdict-title{font-size:1.1rem;font-weight:700}.verdict-body{color:var(--text-muted);font-size:.9rem}.progress-bar-container{background:#0f172acc;border-radius:99px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width .3s}.text-primary{color:var(--primary)!important}.text-accent{color:var(--accent)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--text-muted)!important}.text-white{color:#fff!important}.text-right{text-align:right}.text-center{text-align:center}.font-medium{font-weight:500}.font-bold{font-weight:700}.flex-align{align-items:center;display:flex}.space-between{justify-content:space-between}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.p-0{padding:0!important}.p-6{padding:1.5rem}.p-8{padding:2rem}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen{background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.app-footer{border-top:var(--glass-border);color:var(--text-muted);background:#0f172ae6;margin-top:3rem;padding:1.5rem 0;font-size:.8rem}.footer-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-links{gap:1.5rem;display:flex}.icon-pulse{animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}