:root{--md-sys-color-primary: #006a6a;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #9cf1f0;--md-sys-color-on-primary-container: #002020;--md-sys-color-secondary: #4a6362;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #cce8e6;--md-sys-color-on-secondary-container: #051f1f;--md-sys-color-tertiary: #4b607c;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #d3e4ff;--md-sys-color-on-tertiary-container: #041c35;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: #fafdfd;--md-sys-color-on-background: #191c1c;--md-sys-color-surface: #f5faf9;--md-sys-color-surface-container: #edf5f4;--md-sys-color-surface-container-high: #e7efee;--md-sys-color-surface-container-highest: #e0e9e8;--md-sys-color-on-surface: #191c1c;--md-sys-color-surface-variant: #dae5e4;--md-sys-color-on-surface-variant: #3f4948;--md-sys-color-outline: #6f7978;--md-sys-color-outline-variant: #bec9c8;--satark-safe: #1b873f;--satark-safe-container: #c7f3d6;--satark-on-safe-container: #00210b;--satark-warning: #b45309;--satark-warning-container: #fef3c7;--satark-on-warning-container: #451a03;--satark-purple: #7e22ce;--satark-purple-container: #f3e8ff;--satark-on-purple-container: #3b0764;--bubble-user-bg: #006a6a;--bubble-user-text: #ffffff;--bubble-caller-bg: #ffffff;--bubble-caller-text: #191c1c;--bubble-scam-bg: #fff1f0;--bubble-scam-text: #93000a;--bubble-scam-border: #ffdad6;--font-sans: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", "JetBrains Mono", monospace;--shape-corner-xs: 4px;--shape-corner-sm: 8px;--shape-corner-md: 12px;--shape-corner-lg: 16px;--shape-corner-xl: 24px;--shape-corner-full: 9999px;--shadow-elevation-1: 0px 1px 3px 1px rgba(0, 0, 0, .08), 0px 1px 2px 0px rgba(0, 0, 0, .12);--shadow-elevation-2: 0px 2px 6px 2px rgba(0, 0, 0, .08), 0px 1px 2px 0px rgba(0, 0, 0, .12);--shadow-elevation-3: 0px 4px 12px 3px rgba(0, 0, 0, .08), 0px 1px 3px 0px rgba(0, 0, 0, .12)}[data-theme=dark]{--md-sys-color-primary: #80d5d4;--md-sys-color-on-primary: #003737;--md-sys-color-primary-container: #004f50;--md-sys-color-on-primary-container: #9cf1f0;--md-sys-color-secondary: #b1cccb;--md-sys-color-on-secondary: #1c3534;--md-sys-color-secondary-container: #334b4a;--md-sys-color-on-secondary-container: #cce8e6;--md-sys-color-tertiary: #b3c8e8;--md-sys-color-on-tertiary: #1c314b;--md-sys-color-tertiary-container: #334863;--md-sys-color-on-tertiary-container: #d3e4ff;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: #0e1415;--md-sys-color-on-background: #e0e3e3;--md-sys-color-surface: #161e1f;--md-sys-color-surface-container: #1b2526;--md-sys-color-surface-container-high: #222e30;--md-sys-color-surface-container-highest: #2b393b;--md-sys-color-on-surface: #e0e3e3;--md-sys-color-surface-variant: #3f4948;--md-sys-color-on-surface-variant: #bec9c8;--md-sys-color-outline: #899392;--md-sys-color-outline-variant: #3f4948;--satark-safe: #6dd58c;--satark-safe-container: #063e19;--satark-on-safe-container: #c7f3d6;--satark-warning: #fbbf24;--satark-warning-container: #78350f;--satark-on-warning-container: #fef3c7;--satark-purple: #c084fc;--satark-purple-container: #581c87;--satark-on-purple-container: #f3e8ff;--bubble-user-bg: #004f50;--bubble-user-text: #9cf1f0;--bubble-caller-bg: #1b2526;--bubble-caller-text: #e0e3e3;--bubble-scam-bg: #3a0d10;--bubble-scam-text: #ffb4ab;--bubble-scam-border: #93000a;--shadow-elevation-1: 0px 1px 3px 1px rgba(0, 0, 0, .4);--shadow-elevation-2: 0px 2px 6px 2px rgba(0, 0, 0, .4);--shadow-elevation-3: 0px 4px 12px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--font-sans);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--md-sys-color-primary);text-decoration:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-wrapper{max-width:1400px;width:100%;margin:0 auto;padding:1.5rem 1.75rem 3rem;flex:1}.cyber-header{background-color:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-elevation-1)}.brand-section{display:flex;align-items:center;gap:.85rem}.app-logo-rounded{width:36px;height:36px;border-radius:var(--shape-corner-sm);object-fit:cover;box-shadow:var(--shadow-elevation-1)}.brand-title{font-size:1.15rem;font-weight:700;color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:.4rem;letter-spacing:-.01em}.brand-title .accent{color:var(--md-sys-color-primary)}.brand-tag{font-size:.65rem;font-weight:700;padding:.15rem .5rem;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--shape-corner-full);letter-spacing:.04em}.brand-subtitle{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.nav-tabs{display:flex;gap:.5rem;background-color:var(--md-sys-color-surface-container);padding:.3rem;border-radius:var(--shape-corner-full);border:1px solid var(--md-sys-color-outline-variant)}.nav-tab-btn{background:transparent;border:none;border-radius:var(--shape-corner-full);color:var(--md-sys-color-on-surface-variant);font-size:.825rem;font-weight:500;padding:.45rem 1.15rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1)}.nav-tab-btn:hover{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.nav-tab-btn.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600;box-shadow:var(--shadow-elevation-1)}.user-badge-bar{display:flex;align-items:center;gap:.75rem}.theme-toggle-btn{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);width:38px;height:38px;border-radius:var(--shape-corner-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.investigator-pill{display:flex;align-items:center;gap:.5rem;background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);padding:.35rem .85rem;border-radius:var(--shape-corner-full);font-size:.8rem;color:var(--md-sys-color-on-surface)}.badge-id{font-family:var(--font-mono);font-size:.725rem;background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);padding:.15rem .5rem;border-radius:var(--shape-corner-xs);font-weight:600}.btn-logout{background:transparent;border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);border-radius:var(--shape-corner-full);padding:.4rem .85rem;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem}.kpi-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-elevation-1);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevation-2)}.kpi-title{font-size:.775rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--md-sys-color-on-surface-variant);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.kpi-value{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem;line-height:1.1}.kpi-sub{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.controls-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);padding:.85rem 1.25rem;border-radius:var(--shape-corner-lg);box-shadow:var(--shadow-elevation-1)}.filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);border-radius:var(--shape-corner-full);font-size:.8rem;font-weight:500;padding:.4rem .95rem;display:flex;align-items:center;gap:.45rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.filter-btn.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-secondary);font-weight:600}.filter-btn.active.scam{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error)}.filter-btn.active.reported{background-color:var(--satark-warning-container);color:var(--satark-on-warning-container);border-color:var(--satark-warning)}.filter-btn.active.both{background-color:var(--satark-purple-container);color:var(--satark-on-purple-container);border-color:var(--satark-purple)}.search-box{display:flex;align-items:center;background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-full);padding:.35rem .95rem;gap:.5rem;width:290px;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}.search-box input{background:transparent;border:none;outline:none;color:var(--md-sys-color-on-surface);font-size:.825rem;width:100%}.search-box input::placeholder{color:var(--md-sys-color-outline)}.sort-select{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);border-radius:var(--shape-corner-full);padding:.45rem .95rem;font-size:.8rem;outline:none;cursor:pointer}.sort-select:focus{border-color:var(--md-sys-color-primary)}.incidents-container{display:flex;flex-direction:column;gap:.75rem}.incident-card{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-lg);padding:1.15rem 1.35rem;display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr auto;align-items:center;gap:1.25rem;box-shadow:var(--shadow-elevation-1);cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1)}.incident-card:hover{background-color:var(--md-sys-color-surface-container);border-color:var(--md-sys-color-outline);transform:translateY(-1px);box-shadow:var(--shadow-elevation-2)}.incident-card.selected{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-high);box-shadow:var(--shadow-elevation-2)}.caller-info{display:flex;flex-direction:column;gap:.2rem}.caller-name-row{display:flex;align-items:center;gap:.5rem}.caller-name{font-weight:600;font-size:.95rem;color:var(--md-sys-color-on-surface)}.caller-handle{font-family:var(--font-mono);font-size:.775rem;color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary-container);padding:.1rem .45rem;border-radius:var(--shape-corner-xs)}.incident-classification-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.3rem .65rem;border-radius:var(--shape-corner-full)}.badge-scam-only{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:1px solid var(--md-sys-color-error)}.badge-reported-only{background-color:var(--satark-warning-container);color:var(--satark-on-warning-container);border:1px solid var(--satark-warning)}.badge-both{background-color:var(--satark-purple-container);color:var(--satark-on-purple-container);border:1px solid var(--satark-purple)}.confidence-meter{display:flex;flex-direction:column;gap:.35rem}.confidence-val{font-size:.775rem;font-weight:600;color:var(--md-sys-color-on-surface)}.meter-bar{width:100%;height:6px;background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--shape-corner-full);overflow:hidden}.meter-fill{height:100%;border-radius:var(--shape-corner-full);transition:width .4s ease}.session-meta{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.session-meta .time{font-weight:500;color:var(--md-sys-color-on-surface)}.btn-open-transcript{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--shape-corner-full);padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.45rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-open-transcript:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--shadow-elevation-1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.transcript-drawer{width:100%;max-width:620px;background-color:var(--md-sys-color-surface);height:100vh;box-shadow:var(--shadow-elevation-3);display:flex;flex-direction:column;animation:slideIn .25s cubic-bezier(.1,.9,.2,1);overflow:hidden}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header{padding:1.15rem 1.5rem;border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;justify-content:space-between;background-color:var(--md-sys-color-surface-container)}.drawer-title-area{display:flex;flex-direction:column;gap:.2rem}.drawer-title{font-size:1.05rem;font-weight:700;color:var(--md-sys-color-on-surface);display:flex;align-items:center;gap:.5rem}.drawer-call-id{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);font-family:var(--font-mono)}.btn-close{background:var(--md-sys-color-surface-container-high);border:none;width:32px;height:32px;border-radius:var(--shape-corner-full);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-close:hover{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.evidence-section{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;background-color:var(--md-sys-color-surface-container-high);border-bottom:1px solid var(--md-sys-color-outline-variant)}.evidence-banner{border-radius:var(--shape-corner-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.35rem}.evidence-banner.scam{background-color:var(--md-sys-color-error-container);border:1px solid var(--md-sys-color-error);color:var(--md-sys-color-on-error-container)}.evidence-banner.reported{background-color:var(--satark-warning-container);border:1px solid var(--satark-warning);color:var(--satark-on-warning-container)}.evidence-title{font-size:.825rem;font-weight:700;display:flex;align-items:center;gap:.4rem}.evidence-text{font-size:.8rem;line-height:1.4}.transcript-chat-area{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;background-color:var(--md-sys-color-background)}.chat-bubble-row{display:flex;width:100%}.chat-bubble-row.user{justify-content:flex-end}.chat-bubble-row.caller{justify-content:flex-start}.chat-bubble{max-width:82%;padding:.75rem 1rem;border-radius:var(--shape-corner-lg);display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow-elevation-1)}.chat-bubble.user{background-color:var(--bubble-user-bg);color:var(--bubble-user-text);border-bottom-right-radius:var(--shape-corner-xs)}.chat-bubble.caller-normal{background-color:var(--bubble-caller-bg);color:var(--bubble-caller-text);border:1px solid var(--md-sys-color-outline-variant);border-bottom-left-radius:var(--shape-corner-xs)}.chat-bubble.caller-scam{background-color:var(--bubble-scam-bg);color:var(--bubble-scam-text);border:1px solid var(--bubble-scam-border);border-bottom-left-radius:var(--shape-corner-xs)}.chat-speaker-header{font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.chat-text{font-size:.85rem;line-height:1.4}.threat-explanation-tag{background-color:#ba1a1a1f;border:1px solid rgba(186,26,26,.3);padding:.35rem .65rem;border-radius:var(--shape-corner-sm);font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.4rem;margin-top:.25rem}.chat-meta{font-size:.675rem;opacity:.7;align-self:flex-end}.privacy-enforcement-banner{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface)}.privacy-enforcement-banner h4{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--md-sys-color-error)}.privacy-enforcement-banner p{font-size:.85rem;color:var(--md-sys-color-on-surface-variant);max-width:420px}.users-table{width:100%;border-collapse:collapse;text-align:left;font-size:.825rem}.users-table th{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-weight:600;padding:.85rem 1.15rem;border-bottom:1px solid var(--md-sys-color-outline-variant)}.users-table td{padding:.85rem 1.15rem;border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.users-table tr:hover td{background-color:var(--md-sys-color-surface-container-high)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-background);padding:1.5rem}.login-card{width:100%;max-width:440px;background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-xl);padding:2.5rem 2.25rem;box-shadow:var(--shadow-elevation-3);position:relative}.login-header{text-align:center;margin-bottom:1.75rem}.login-header h2{font-size:1.35rem;font-weight:700;color:var(--md-sys-color-on-surface);margin-top:.75rem}.form-group{margin-bottom:1.15rem;display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.775rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.form-input{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-md);padding:.7rem .95rem;color:var(--md-sys-color-on-surface);font-size:.875rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}.btn-primary-action{width:100%;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--shape-corner-full);padding:.8rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;box-shadow:var(--shadow-elevation-1)}.btn-primary-action:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--shadow-elevation-2)}.alert-error{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:1px solid var(--md-sys-color-error);padding:.75rem 1rem;border-radius:var(--shape-corner-md);font-size:.8rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.empty-state{padding:3rem 1.5rem;text-align:center;background-color:var(--md-sys-color-surface);border:1px dashed var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-lg);color:var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (max-width: 900px){.incident-card{grid-template-columns:1fr;gap:.75rem}.cyber-header{flex-direction:column;gap:.75rem;padding:1rem}}.status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--shape-corner-full);font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease;background:transparent}.status-chip.online{background-color:var(--satark-safe-container);color:var(--satark-on-safe-container);border-color:var(--satark-safe)}.status-chip.online:hover{filter:brightness(.95)}.status-chip.offline{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-color:var(--md-sys-color-error);animation:pulse-offline 2s infinite ease-in-out}.status-chip.offline:hover{filter:brightness(.95)}@keyframes pulse-offline{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}