:root{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1f2933,#0b1018 40%,#05070b);color:#fff}body.no-scroll{overflow:hidden}.app-root{max-width:1200px;margin:0 auto;padding:24px 16px 64px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.app-header h1{margin:0 0 6px;font-size:26px}.app-header p{margin:0;color:#c0c4cc;font-size:14px}.lang-switcher{display:flex;align-items:center;gap:6px}.lang-label{font-size:12px;color:#a0a4b3}.lang-btn{border-radius:999px;border:1px solid #3b4558;background:#1b222e;color:#e5e9f0;font-size:12px;padding:4px 10px;cursor:pointer}.lang-btn.active{border-color:#42b883;background:#42b88326;color:#fff}.card{background:#1c2332;border-radius:12px;padding:14px 16px 16px;margin-bottom:16px;border:1px solid #2b3445;box-shadow:0 14px 30px #0000008c}.card h2{margin:0 0 8px;font-size:18px}.subheading{margin-top:12px;margin-bottom:6px;font-size:14px;color:#e5e9f0}.muted{color:#a0a4b3;font-size:13px}.small{font-size:12px}.error-text{margin-top:8px;color:#ff7373;font-size:13px}.upload-card{margin-bottom:24px}.upload-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.file-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:#121827;border:1px solid #374055;color:#e3e6f0;font-size:14px;cursor:pointer}.file-button input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}button.primary{background:#42b883;color:#02120b;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.6;cursor:default}button.primary:not(:disabled):hover{background:#3aa373}.file-name{margin-top:6px;font-size:13px;color:#cfd3dd}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media (min-width: 900px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.card.wide{grid-column:1 / -1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px}.stat{background:#242c3c;border-radius:10px;padding:8px 10px;border:1px solid #343f55}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#a6adbd;margin-bottom:4px}.stat .value{font-size:17px;font-weight:600}.table-wrapper{margin-top:6px;overflow-x:auto}.table-wrapper-tight{margin-top:4px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:6px;border-bottom:1px solid #2f384a}th{text-align:left;font-weight:500;color:#aab2c3;font-size:12px}td{color:#e3e6f0}.right{text-align:right}.center{text-align:center}.card-header-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.filters-row{display:flex;gap:8px;align-items:center}.filters-label{font-size:11px;color:#9aa2b0}.filters-row input{background:#121827;border-radius:999px;border:1px solid #384258;padding:4px 10px;font-size:12px;color:#e3e6f0}.filters-row input::placeholder{color:#6f7685}.chart-wrapper{margin-top:6px;height:220px}.checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:#c0c4cc}.checkbox input[type=checkbox]{accent-color:#42b883}tr.suspect td{background:#ff638414}tr.suspect td:first-child{border-left:2px solid rgba(255,99,132,.9)}.reason-badge{display:inline-flex;align-items:center;padding:2px 8px;margin:2px 4px 2px 0;border-radius:999px;background:#ff63841f;border:1px solid rgba(255,99,132,.55);font-size:11px;color:#ffd6de}.camera-reason{background:#42b8831f;border-color:#42b88399;color:#c2ffe0}.severity-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.sev-low{background:#63d16e1f;color:#96f29e;border:1px solid rgba(99,209,110,.5)}.sev-medium{background:#ffc1071f;color:#ffe29a;border:1px solid rgba(255,193,7,.6)}.sev-high{background:#ff638429;color:#ffb3c3;border:1px solid rgba(255,99,132,.7)}.sev-mini{font-size:10px}.ip-chip{display:inline-block;background:#151b29;border-radius:999px;padding:1px 6px;margin:1px 3px 1px 0}.empty{margin-top:40px;text-align:center;color:#a0a4b3;font-size:14px}.footer{margin-top:28px;text-align:center}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#42b8831f}.dir-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.06em}.dir-out{background:#42b88329;color:#c4ffe1;border:1px solid rgba(66,184,131,.7)}.dir-in{background:#3b82f629;color:#c7ddff;border:1px solid rgba(59,130,246,.7)}.ip-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at left,#0f172a66,#020617cc);display:flex;justify-content:flex-end;pointer-events:auto;z-index:40}.ip-panel{width:420px;max-width:100%;height:100%;background:#050816;border-left:1px solid #2b3445;box-shadow:-16px 0 40px #000c;display:flex;flex-direction:column;padding:14px 14px 18px}.ip-panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #252c3b}.ip-panel-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#9da4b8}.ip-panel-ip{font-size:18px;font-weight:600;margin-top:4px}.ip-panel-close{border:none;background:#111827;color:#e5e9f0;border-radius:999px;width:28px;height:28px;font-size:18px;line-height:1;cursor:pointer}.ip-panel-close:hover{background:#1f2937}.ip-panel-body{margin-top:10px;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.ip-panel-section{margin-bottom:0}.packets-section{flex:1;min-height:0;display:flex;flex-direction:column}.ip-packets-table{flex:1;min-height:0;overflow-y:auto}.ip-packets-table::-webkit-scrollbar{width:6px;height:6px}.ip-packets-table::-webkit-scrollbar-track{background:#020617}.ip-packets-table::-webkit-scrollbar-thumb{background:#4b5563;border-radius:999px}