:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary-color: #6b7280;--accent-color: #6b7280;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--critical-color: #dc2626;--bg-primary: #0c1220;--bg-secondary: #1a202c;--bg-tertiary: #2d3748;--bg-card: #1a202c;--bg-hover: #2d3748;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-accent: var(--primary-color);--border-color: #374151;--border-light: #475569;--border-accent: rgba(59, 130, 246, .2);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px 0 rgb(0 0 0 / .06);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -1px rgb(0 0 0 / .06);--spacing-xs: .125rem;--spacing-sm: .375rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--card-padding: .875rem;--section-gap: 1rem;--element-gap: .5rem;--grid-gap: .75rem;--card-gap: .5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--border-radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;overflow-x:hidden}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:2rem;min-height:100vh;overflow-y:auto;box-sizing:border-box}.welcome-content{text-align:center;max-width:600px;background:var(--bg-secondary);padding:3rem;border-radius:1rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.welcome-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.welcome-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px solid var(--border-color)}.step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.step span:last-child{color:var(--text-primary);font-size:1rem}.start-scan-button{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.start-scan-button:hover{background:var(--primary-dark)}.debug-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.debug-button,.test-button{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.debug-button:hover,.test-button:hover{background:var(--primary-color);color:#fff}.header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color);padding:.5rem 0;box-shadow:var(--shadow-sm);flex-shrink:0;min-height:60px}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.logo{display:flex;align-items:center;gap:1rem}.brand-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.brand-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin:0;letter-spacing:-.025em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.logo-icon{font-size:1.5rem;color:var(--primary-color)}.logo h1{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.company-tag{font-size:.6875rem;color:var(--text-muted);font-weight:500;margin:3px 0 0;text-transform:uppercase;letter-spacing:1.4px;line-height:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding-left:2px}.user-info{display:flex;align-items:center;gap:1rem}.export-buttons{display:flex;align-items:center;gap:.5rem}.export-btn{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-color);transform:translateY(-1px)}.export-dropdown,.dropdown-toggle{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem;min-width:160px;box-shadow:var(--shadow-lg);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.export-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-secondary);padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.dropdown-menu button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;padding:.5rem .75rem;border:none;border-radius:.5rem;font-size:.65rem;font-weight:500;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.admin-badge:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.admin-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.admin-badge .role-indicator{color:#fff!important;text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;font-weight:500}.admin-badge .user-email{color:#ffffffe6!important;font-size:.6rem;font-weight:400;text-transform:none;letter-spacing:normal}.threat-level{display:flex;align-items:center;gap:.375rem;background:var(--bg-primary);border:1px solid var(--border-color);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.threat-score{font-weight:700;color:var(--danger-color)}.user-email{color:var(--text-muted);font-size:.875rem;font-weight:500}.security-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.375rem .75rem;border-radius:var(--border-radius);background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-connected{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-available{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-unavailable{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.debug-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:all .2s ease}.debug-toggle:hover{background:#6366f11a;color:var(--primary-color)}.debug-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 2rem;box-shadow:var(--shadow-md)}.debug-panel h3{margin-bottom:1rem;color:var(--text-primary);font-size:1rem}.debug-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.debug-item{padding:.5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.875rem}.test-connection-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;grid-column:1 / -1;margin-top:.5rem}.test-connection-btn:hover{background:var(--primary-dark)}.manual-test-btn{background:var(--warning-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;grid-column:1 / -1;margin-top:.5rem}.manual-test-btn:hover{background:#d97706}.extension-id-test-btn{background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;grid-column:1 / -1;margin-top:.5rem}.extension-id-test-btn:hover{background:#7c3aed}.privacy-score{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-circle{width:48px;height:48px;border:2px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.score-circle.clickable{cursor:pointer;transition:all .2s ease}.score-circle.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.score-grade{font-size:1rem;font-weight:700;line-height:1}.score-number{font-size:.625rem;font-weight:500;line-height:1}.score-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.nav{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);padding:0;display:flex;gap:0;flex-shrink:0;box-shadow:inset 0 -1px 0 var(--border-color);min-height:48px}.nav-item{background:transparent;border:none;color:var(--text-secondary);padding:.625rem 1rem;cursor:pointer;border-radius:0;transition:all .3s ease;white-space:nowrap;font-size:.875rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-transform:none;letter-spacing:.3px;position:relative;border-bottom:3px solid transparent;display:flex;align-items:center;gap:var(--spacing-sm);height:48px}.nav-item:hover{background:#3b82f61a;color:var(--primary-color);border-bottom-color:var(--primary-color)}.nav-item.active{background:var(--primary-color);color:#fff;border-bottom-color:var(--primary-color);font-weight:700}.nav-badge{background:#fff3;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;margin-left:.25rem}.nav-item.active .nav-badge{background:#ffffff40;color:#fff}.nav-item:hover .nav-badge{background:#3b82f64d}.security-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--element-gap);margin:var(--spacing-lg) 0;padding:var(--card-padding);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.metric{text-align:center;padding:var(--card-padding)}.metric-label{display:block;font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{display:block;font-size:1.5rem;font-weight:600;color:var(--primary-color);line-height:1}.intel-view{padding:2rem}.intel-view h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.intel-grid{display:grid;gap:3rem;margin-top:2rem}.intel-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.intel-cards{display:grid;gap:1.5rem}.intel-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .3s ease;border-left:4px solid transparent}.intel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.intel-card.critical{border-left-color:var(--danger-color);background:#ef444408}.intel-card.high{border-left-color:#f59e0b;background:#f59e0b08}.intel-card.medium{border-left-color:var(--warning-color);background:#f59e0b05}.intel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.intel-date{font-size:.875rem;color:var(--text-secondary);font-weight:500}.intel-severity{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.intel-severity.critical{background:var(--danger-color);color:#fff}.intel-severity.high{background:#f59e0b;color:#fff}.intel-severity.medium{background:var(--warning-color);color:#fff}.intel-card h4{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.4}.intel-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.intel-actions{display:flex;gap:1rem;flex-wrap:wrap}.intel-btn{padding:.5rem 1rem;border-radius:.5rem;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.intel-btn:not(.secondary){background:var(--primary-color);color:#fff}.intel-btn:not(.secondary):hover{background:var(--primary-dark);transform:translateY(-1px)}.intel-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.intel-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.trend-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.trend-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.trend-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.trend-card h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.trend-stat{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:1rem;line-height:1}.trend-card p{color:var(--text-secondary);line-height:1.5;font-size:.925rem}.exposure-view{padding:2rem}.exposure-view h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.exposure-info{margin-bottom:2rem}.exposure-info p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.exposure-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.exposure-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-color)}.exposure-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.exposure-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.confidence-badge{padding:.25rem .75rem;background:#3b82f61a;color:var(--primary-color);border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.exposure-details{margin-bottom:1.5rem}.detail-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;line-height:1.4}.detail-row.data-exposed{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-label{font-weight:600;color:var(--text-secondary);min-width:100px;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-primary);font-size:.875rem;word-break:break-word}.data-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.data-tag{padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;font-size:.75rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.data-tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.exposure-actions{display:flex;gap:1rem;flex-wrap:wrap}.exposure-action{padding:.75rem 1.5rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.exposure-action:hover,.exposure-action:first-child{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.exposure-action:first-child:hover{background:var(--primary-dark);border-color:var(--primary-dark)}@media (max-width: 768px){.intel-actions{flex-direction:column}.intel-btn{width:100%;justify-content:center}.trend-cards{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.exposure-actions{flex-direction:column}.exposure-action{width:100%;text-align:center}.threat-summary{gap:1rem;padding:1rem;justify-content:space-around}.summary-item{min-width:60px}.summary-number{font-size:1.5rem}.app-layout{flex-direction:column;height:auto}.sidebar-nav{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:visible;padding:1rem 0}.nav-section{margin-bottom:.75rem}.nav-section:first-child{margin-bottom:1rem;padding-bottom:.5rem}.nav-section-header{padding:.75rem 1rem;font-size:.75rem}.nav-item{padding:.75rem 1rem .75rem 2.25rem;min-height:40px}.nav-section:first-child .nav-item{padding:.875rem 1rem}.main-content{overflow-y:visible}.main{padding:1.5rem}.header-content{padding:0 1.5rem;gap:1rem}.dashboard{gap:1.5rem}.privacy-hero,.security-hero{padding:1.5rem;gap:1.5rem;flex-direction:column;text-align:center}.stats-grid,.security-operations-grid{grid-template-columns:1fr;gap:1.5rem}.stat-card,.operation-card{padding:1.5rem}}.app-layout{display:flex;flex:1;height:calc(100vh - 70px);overflow:hidden}.sidebar-nav{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:1.5rem 0}.nav-section{margin-bottom:1.25rem}.nav-section:last-child{margin-bottom:0}.nav-section-header{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border:none;color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;margin-bottom:.5rem}.nav-section-header:hover{background:var(--bg-hover);color:var(--text-primary)}.section-icon{font-size:1.125rem;width:18px;text-align:center}.section-title{flex:1}.section-toggle{font-size:.75rem;transition:transform .2s ease;opacity:.7}.section-toggle.expanded{transform:rotate(0)}.section-toggle.collapsed{transform:rotate(-90deg)}.nav-section-items{background:var(--bg-secondary);padding-bottom:.75rem;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.nav-section-items.expanded{max-height:500px;opacity:1}.nav-section-items.collapsed{max-height:0;opacity:0;padding-bottom:0}.nav-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1.25rem .875rem 3rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;min-height:44px}.nav-section:first-child{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.nav-section:first-child .nav-item{padding:1.125rem 1.25rem;font-weight:600;font-size:.9375rem}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-left-color:var(--primary-color)}.nav-item.active{background:#3b82f61a;color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}.nav-icon{font-size:1.125rem;width:18px;text-align:center;flex-shrink:0}.nav-text{flex:1;white-space:nowrap}.nav-badge{background:var(--primary-color);color:#fff;font-size:.6875rem;font-weight:600;padding:.375rem .625rem;border-radius:1rem;min-width:24px;text-align:center;margin-left:auto}.nav-item.active .nav-badge{background:var(--primary-dark)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);padding:0}.main{padding:2rem 0;width:100%;max-width:none;margin:0;min-height:calc(100vh - 70px - 4rem)}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 0;box-shadow:var(--shadow-sm);flex-shrink:0;min-height:70px}.header-content{max-width:none;margin:0;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo{display:flex;align-items:center;gap:1.25rem}.brand-info{display:flex;flex-direction:column;gap:.375rem;align-items:flex-start}.dashboard{display:flex;flex-direction:column;gap:2.5rem;min-height:calc(100vh - 70px - 4rem);padding:0 2rem}.privacy-hero,.security-hero{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;box-shadow:var(--shadow-sm)}.hero-content{flex:1}.hero-content h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);line-height:1.3}.hero-content p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.hero-visual{display:flex;align-items:center;justify-content:center}.score-circle-large{width:120px;height:120px;border:4px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-grade-large{font-size:2.5rem;font-weight:700;line-height:1}.score-number-large{font-size:1.25rem;font-weight:600;line-height:1}.threat-display{display:flex;align-items:center;justify-content:center;min-width:120px}.threat-indicator-large{width:120px;height:120px;border:4px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.threat-indicator-large:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}.progress-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.progress-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.progress-card{display:flex;align-items:center;justify-content:center;padding:1rem}.progress-circle{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:1rem;border:1px solid var(--border-color);min-width:120px}.progress-number{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.progress-label{font-size:.875rem;color:var(--text-secondary);text-align:center;font-weight:500}.quick-actions{display:flex;gap:1rem;flex-wrap:wrap}.scan-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.scan-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));transition:left .3s ease;z-index:-1}.scan-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.scan-button:hover:not(:disabled):before{left:0}.scan-button:disabled{opacity:.7;cursor:not-allowed}.action-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem 1.5rem;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color)}.security-operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.operation-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.operation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-color);transition:all .3s ease}.operation-card.critical:before{background:var(--critical-color)}.operation-card.high:before{background:var(--danger-color)}.operation-card.medium:before{background:var(--warning-color)}.operation-card.low:before{background:var(--success-color)}.operation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.operation-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.operation-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.operation-icon.critical{background:#dc26261a;color:var(--critical-color)}.operation-icon.high{background:#f973161a;color:var(--danger-color)}.operation-icon.medium{background:#f59e0b1a;color:var(--warning-color)}.operation-icon.low{background:#22c55e1a;color:var(--success-color)}.operation-info{flex:1}.operation-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.operation-info p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.operation-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.operation-status.critical{background:#dc26261a;color:var(--critical-color)}.operation-status.high{background:#f973161a;color:var(--danger-color)}.operation-status.medium{background:#f59e0b1a;color:var(--warning-color)}.operation-status.low{background:#22c55e1a;color:var(--success-color)}.operation-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.operation-button.critical{background:var(--critical-color);color:#fff}.operation-button.critical:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.operation-button.high{background:var(--danger-color);color:#fff}.operation-button.high:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.operation-button.medium{background:var(--warning-color);color:#fff}.operation-button.medium:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.operation-button.low{background:var(--success-color);color:#fff}.operation-button.low:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);background:var(--bg-hover)}.stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-value.danger{color:var(--danger-color)}.stat-change{font-size:.875rem;color:var(--success-color);font-weight:500}.action-preview{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--section-gap)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.section-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:400}.view-all-btn{background:var(--primary-color);border:none;color:#fff;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.view-all-btn:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.action-list{display:flex;flex-direction:column;gap:1rem}.action-item-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.action-item-preview:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.action-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.action-priority{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.action-priority.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-priority.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-priority.low{background:linear-gradient(135deg,#10b981,#059669)}.action-info{flex:1}.action-info h4{font-weight:600;margin-bottom:.375rem;color:var(--text-primary);font-size:1rem}.action-info p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;line-height:1.4}.action-meta{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.action-time{font-size:.75rem;color:var(--text-muted);background:var(--bg-primary);padding:.25rem .5rem;border-radius:.375rem}.action-btn{background:var(--primary-color);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tips-preview{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--section-gap)}.tips-list{display:flex;flex-direction:column;gap:1rem}.tip-item-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.tip-item-preview:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--secondary-color)}.tip-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tip-category{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--secondary-color),#7c3aed);text-transform:uppercase;letter-spacing:.5px}.tip-category.security{background:linear-gradient(135deg,#ef4444,#dc2626)}.tip-category.privacy{background:linear-gradient(135deg,var(--secondary-color),#7c3aed)}.tip-category.compliance{background:linear-gradient(135deg,#059669,#047857)}.tip-info{flex:1}.tip-info h4{font-weight:600;margin-bottom:.375rem;color:var(--text-primary);font-size:1rem}.tip-info p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;line-height:1.4}.tip-meta{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.tip-time{font-size:.75rem;color:var(--text-muted);background:var(--bg-primary);padding:.25rem .5rem;border-radius:.375rem}.tip-btn{background:var(--secondary-color);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tip-btn:hover{background:#1dd1a1;transform:translateY(-1px);box-shadow:0 4px 12px #22d3ee4d}.actions-view{height:100%;display:flex;flex-direction:column}.actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-shrink:0}.actions-header h2{font-size:1.5rem;font-weight:600}.actions-summary{display:flex;gap:2rem}.threats-view{padding:2rem}.threats-header{margin-bottom:2rem}.threats-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.threat-summary{display:flex;gap:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px;background:none;border:none;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease}.summary-item.clickable:hover{background:var(--bg-hover);transform:translateY(-2px)}.summary-item.clickable.active{background:var(--bg-tertiary);border:1px solid var(--primary-color)}.summary-number{font-size:2rem;font-weight:700;line-height:1}.summary-item.critical .summary-number{color:var(--danger-color)}.summary-item.high .summary-number{color:var(--warning-color)}.summary-item.medium .summary-number{color:#f59e0b}.summary-item.all .summary-number{color:var(--text-primary)}.summary-item.resolved .summary-number{color:var(--success-color)}.summary-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center}.summary-progress{width:100%;margin-top:.25rem}.progress-bar-mini{width:100%;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill-mini{height:100%;border-radius:2px;transition:width .3s ease}.progress-fill-mini.critical{background:var(--danger-color)}.progress-fill-mini.high{background:var(--warning-color)}.progress-fill-mini.medium{background:#f59e0b}.progress-fill-mini.all{background:var(--text-secondary)}.progress-fill-mini.resolved{background:var(--success-color)}.summary-header{display:flex;align-items:flex-start;gap:.5rem;justify-content:center}.trend-arrow{font-size:.875rem;display:flex;align-items:center;gap:.25rem;opacity:.8}.trend-arrow.increasing{color:var(--warning-color)}.trend-arrow.decreasing{color:var(--success-color)}.trend-number{font-size:.75rem;font-weight:600}.actions-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.action-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--card-padding);transition:all .2s ease;margin-bottom:var(--element-gap)}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.action-card.completed{opacity:.7;background-color:#10b9811a}.action-header{display:flex;gap:.75rem;margin-bottom:1rem}.action-priority-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.action-type-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:var(--text-primary);background-color:var(--bg-tertiary);text-transform:uppercase}.action-body h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.action-body p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.action-meta{display:flex;align-items:center;gap:1rem}.action-time{font-size:.875rem;color:var(--text-muted)}.completed-badge{font-size:.875rem;color:var(--success-color);font-weight:500}.action-actions{display:flex;gap:.75rem;margin-top:1rem}.action-btn.primary{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.primary:hover{background-color:var(--primary-dark)}.action-btn.secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.secondary:hover{background-color:var(--bg-secondary);border-color:var(--primary-color)}.tips-view{height:100%;display:flex;flex-direction:column;padding:0 2rem}.tips-header{margin-bottom:2rem;flex-shrink:0}.tips-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.tips-header p{color:var(--text-secondary);font-size:1rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;flex:1;overflow-y:auto;padding-bottom:2rem}.tip-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.tip-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary-color)}.tip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tip-category-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;background-color:var(--secondary-color);text-transform:uppercase}.tip-difficulty{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.tip-body h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.tip-body p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.tip-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tip-time{font-size:.875rem;color:var(--text-muted)}.tip-actions{display:flex;gap:.75rem}.tip-btn.primary{background-color:var(--secondary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tip-btn.primary:hover{background-color:#7c3aed}.tip-btn.secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tip-btn.secondary:hover{background-color:var(--bg-secondary);border-color:var(--secondary-color)}.recent-activity{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;min-height:300px;display:flex;flex-direction:column}.recent-activity h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600;flex-shrink:0}.activity-list{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.75rem;background-color:var(--bg-tertiary);border-left:4px solid var(--warning-color);transition:all .2s ease}.activity-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.activity-item.danger{border-left-color:var(--danger-color);background-color:#ef44441a}.activity-item.warning{border-left-color:var(--warning-color);background-color:#f59e0b1a}.activity-item.success{border-left-color:var(--success-color);background-color:#10b9811a}.activity-item.info{border-left-color:var(--primary-color);background-color:#6366f11a}.activity-icon{font-size:1.25rem;flex-shrink:0}.activity-content{flex:1}.activity-title{font-weight:600;margin-bottom:.25rem}.activity-description{color:var(--text-secondary);font-size:.875rem}.apps-view{height:100%;display:flex;flex-direction:column;padding:0 2rem}.apps-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-shrink:0;gap:2rem}.apps-controls{display:flex;flex-direction:column;gap:1rem;flex:1;max-width:600px}.search-container{position:relative}.search-input{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--border-accent)}.search-input::placeholder{color:var(--text-muted)}.apps-filters{display:flex;gap:1rem}.filter-select,.sort-select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--border-accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;flex:1;overflow-y:auto;padding-bottom:2rem}.app-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.app-header h3{font-size:1.125rem;font-weight:600}.risk-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.app-details{margin-bottom:1rem}.app-details p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.breach-warning,.password-warning{color:var(--danger-color)!important;font-weight:500}.app-actions{display:flex;gap:.75rem}.app-action{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.app-action:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.breaches-view{height:100%;display:flex;flex-direction:column;padding:0 2rem}.breaches-view h2{margin-bottom:2rem;flex-shrink:0}.breaches-list{display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto;padding-bottom:2rem}.breach-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;border-left:4px solid var(--danger-color)}.breach-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.breach-header h3{color:var(--danger-color);font-weight:600}.new-badge{background-color:var(--danger-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.breach-details{margin-bottom:1rem}.breach-details p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.breach-actions{display:flex;gap:.75rem}.breach-action{background-color:var(--danger-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.breach-action:hover{background-color:#dc2626}.ghosts-view{height:100%;display:flex;flex-direction:column}.ghosts-view h2{margin-bottom:2rem;flex-shrink:0}.ghosts-list{display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto;padding-bottom:2rem}.ghost-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;border-left:4px solid var(--secondary-color)}.ghost-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ghost-header h3{color:var(--secondary-color);font-weight:600}.confidence-badge{background-color:var(--secondary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.ghost-details{margin-bottom:1rem}.ghost-details p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.ghost-actions{display:flex;gap:.75rem}.ghost-action{background-color:var(--secondary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.ghost-action:hover{background-color:#7c3aed}.assistant-view{height:100%;display:flex;flex-direction:column}.assistant-view h2{margin-bottom:2rem;flex-shrink:0}.assistant-chat{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;flex:1;display:flex;flex-direction:column}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;animation:fadeIn .3s ease-in}.message.ai{align-self:flex-start}.message.user{align-self:flex-end}.message-content{padding:1rem;border-radius:1rem;background-color:var(--bg-tertiary);color:var(--text-primary);white-space:pre-line;line-height:1.5}.message.user .message-content{background-color:var(--primary-color);color:#fff}.message-time{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;text-align:right}.message.ai .message-time{text-align:left}.chat-input{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-tertiary);flex-shrink:0}.chat-text-input{flex:1;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;resize:none}.chat-text-input:focus{outline:none;border-color:var(--primary-color)}.chat-send{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.chat-send:hover{background-color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 800px){.app{height:100vh;overflow:hidden;display:flex;flex-direction:column}.header{padding:.5rem 0;flex-shrink:0;position:relative;z-index:10}.header-content{padding:0 1rem;gap:.75rem}.logo h1{font-size:1.125rem}.company-tag{font-size:.7rem}.nav{padding:.5rem 0;flex-shrink:0}.nav-item{padding:.625rem 1rem;font-size:.75rem}.main{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden}.security-hero{padding:1.5rem;margin-bottom:1.5rem}.hero-content h2{font-size:1.5rem;margin-bottom:.75rem}.metrics-grid,.progress-grid,.action-grid{gap:1rem}.metric-card,.progress-card{padding:1rem}.metric-value,.progress-number{font-size:1.5rem}.section-header h2{font-size:1.25rem}.welcome-screen{align-items:flex-start;padding:.5rem;min-height:auto;overflow-y:auto}.welcome-content{margin-top:.5rem;padding:1rem}.welcome-content h1{font-size:1.8rem;margin-bottom:.5rem}.welcome-content p{margin-bottom:1rem;font-size:.95rem}.welcome-steps{margin:1rem 0}.step{padding:.5rem;margin:.5rem 0}.start-scan-button{padding:.8rem 1.5rem;font-size:1rem;margin:1rem auto;display:block}}@media (max-width: 1400px){.welcome-screen{align-items:flex-start;padding:1rem;min-height:100vh}.welcome-content{margin-top:1rem;max-width:95%}.welcome-content h1{font-size:2rem;margin-bottom:1rem}.welcome-steps{margin:1.5rem 0}.start-scan-button{padding:1rem 2rem;font-size:1.1rem;margin-top:1rem}}@media (max-width: 1200px){.main{max-width:100%;padding:1rem .75rem}.header-content{padding:0 1rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.apps-grid,.tips-grid,.policy-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.nav-item{padding:.75rem 1.5rem}}@media (max-width: 1024px){.header-content{padding:0 1rem}.main{padding:1rem .75rem}.welcome-content{padding:2rem;max-width:500px}.welcome-content h1{font-size:2.5rem}.logo h1{font-size:1.125rem}.company-tag{font-size:.7rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.policy-cards{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.header-content,.user-info{gap:1rem}.admin-badge{padding:.25rem .5rem;font-size:.7rem}.score-circle{width:50px;height:50px}.score-grade{font-size:1rem}.score-number{font-size:.7rem}.nav-item{padding:.625rem 1rem;font-size:.75rem}.dashboard{gap:1.5rem}.hero-content h2{font-size:1.75rem}.hero-content p{font-size:1rem}.metrics-grid,.progress-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.apps-grid,.tips-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.security-actions{margin:1rem 0}.action-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.threat-indicator-large{width:100px;height:100px}.threat-indicator-large:before{width:70px;height:70px}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center;padding:0 1.5rem}.logo{justify-content:center;gap:.75rem}.brand-name{font-size:1.25rem}.company-tag{font-size:.625rem;letter-spacing:1px}.user-info{justify-content:center;gap:.75rem}.nav{padding:.25rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-item{padding:.625rem 1rem;font-size:.7rem;min-width:max-content}.main{padding:1rem .5rem}.dashboard{gap:1rem}.privacy-hero,.security-hero{flex-direction:column;text-align:center;padding:1.5rem}.hero-content h2{font-size:1.5rem}.quick-actions,.scan-controls{flex-direction:column;align-items:stretch}.action-grid{grid-template-columns:1fr;gap:.75rem}.security-operations-grid{grid-template-columns:1fr;gap:1rem}.operation-card{padding:1.25rem}.operation-header{gap:.75rem;margin-bottom:1.25rem}.operation-icon{width:40px;height:40px;font-size:1.25rem}.stats-grid,.metrics-grid{grid-template-columns:1fr;gap:1rem}.progress-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.apps-grid,.tips-grid{grid-template-columns:1fr}.apps-header,.actions-header{flex-direction:column;gap:1rem;align-items:flex-start}.tips-header{text-align:center}.section-header{flex-direction:column;gap:.5rem;align-items:flex-start}.quick-actions-grid,.policy-cards{grid-template-columns:1fr}.inventory-header,.inventory-list{padding:1rem}.inventory-item{flex-direction:column;align-items:flex-start;gap:.75rem}.app-info{width:100%}.welcome-content{padding:1.5rem;margin:1rem}.welcome-content h1{font-size:2rem}.welcome-content p{font-size:1rem}.threat-indicator-large{width:80px;height:80px}.threat-indicator-large:before{width:60px;height:60px}}@media (max-width: 480px){.header-content{padding:0 .75rem}.logo h1{font-size:1.125rem}.company-tag{font-size:.65rem;margin-left:.25rem}.admin-badge{padding:.25rem .5rem;font-size:.65rem}.score-circle{width:45px;height:45px}.nav{flex-wrap:nowrap;overflow-x:auto}.nav-item{padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.main{padding:.75rem .5rem}.dashboard{gap:.75rem}.hero-content h2{font-size:1.25rem}.hero-content p{font-size:.9rem}.progress-grid{grid-template-columns:1fr}.progress-card{padding:.75rem}.metric-card,.stat-card{padding:1rem}.metric-value,.stat-value{font-size:2rem}.action-preview,.tips-preview,.recent-activity{padding:1rem}.action-item-header,.tip-item-header,.action-meta,.tip-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.action-btn,.tip-btn{width:100%;text-align:center}.action-item-preview,.tip-item-preview{flex-direction:column;align-items:flex-start;gap:.75rem}.action-content,.tip-content{width:100%}.activity-list{gap:.75rem}.activity-item{padding:.75rem}.welcome-content{padding:1rem;margin:.5rem}.welcome-content h1{font-size:1.75rem}.welcome-steps{gap:1rem}.step{padding:.75rem}.step-number{width:1.5rem;height:1.5rem;font-size:.8rem}.debug-buttons{bottom:10px;right:10px;left:10px;justify-content:center}.debug-button,.test-button{padding:.4rem .8rem;font-size:.8rem}.threat-indicator-large{width:70px;height:70px;border-width:3px}.threat-indicator-large:before{width:50px;height:50px}}@media (max-width: 360px){.header-content{padding:0 .5rem}.logo{gap:.5rem}.logo h1{font-size:1rem}.company-tag{font-size:.6rem}.user-info{gap:.5rem}.nav-item{padding:.5rem;font-size:.7rem}.nav-item span:first-child{font-size:.9rem}.main{padding:.5rem}.hero-content h2{font-size:1.125rem}.metric-value,.stat-value{font-size:1.75rem}.progress-number{font-size:1.25rem}.welcome-content h1{font-size:1.5rem}.start-scan-button{padding:.75rem 1.5rem;font-size:1rem}.welcome-screen{align-items:flex-start;padding:1rem;min-height:100vh}.welcome-content{margin-top:2rem;max-width:90%}.threat-indicator-large{width:60px;height:60px;border-width:2px}.threat-indicator-large:before{width:40px;height:40px}}@media (min-width: 1920px){.main{max-width:1400px}.stats-grid,.progress-grid{grid-template-columns:repeat(4,1fr)}.apps-grid,.tips-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (display-mode: fullscreen){.app{min-height:100vh;width:100%}.main{min-height:calc(100vh - 140px)}}.container-fluid{width:100%;padding-left:1rem;padding-right:1rem}.text-responsive{font-size:clamp(.875rem,2vw,1rem)}.heading-responsive{font-size:clamp(1.25rem,4vw,2rem)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.flex-responsive{display:flex;flex-wrap:wrap;gap:1rem}:root{--header-height: 70px;--nav-height: 55px;--main-padding: clamp(.5rem, 1.5vw, 1rem);--font-size-base: clamp(.7rem, 1.5vw, 1rem);--font-size-small: clamp(.6rem, 1.2vw, .875rem);--font-size-large: clamp(1rem, 2.5vw, 1.5rem);--font-size-xl: clamp(1.25rem, 3vw, 2rem);--spacing-sm: clamp(.25rem, 1vw, .75rem);--spacing-md: clamp(.5rem, 1.5vw, 1rem);--spacing-lg: clamp(.75rem, 2vw, 1.5rem)}.header{height:var(--header-height);padding:.75rem 0;flex-shrink:0}.logo h1{font-size:var(--font-size-large)}.logo-icon{font-size:clamp(1.25rem,2.5vw,2rem)}.company-tag{font-size:var(--font-size-small)}.nav{height:var(--nav-height);flex-shrink:0}.nav-item{padding:.75rem var(--spacing-md);font-size:var(--font-size-small);height:var(--nav-height)}.main{flex:1;padding:var(--main-padding);height:calc(100vh - 125px);overflow-y:auto;background-color:var(--bg-primary)}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:100%;background-color:var(--bg-primary)}.hero-content h2{font-size:var(--font-size-xl)}.hero-content p{font-size:var(--font-size-base)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(200px,20vw,280px),1fr));gap:var(--spacing-sm)}.metric-card{padding:var(--spacing-md)}.metric-value{font-size:clamp(1.25rem,3vw,2.5rem)}.metric-title{font-size:var(--font-size-small)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(180px,18vw,250px),1fr));gap:var(--spacing-md)}.apps-grid,.tips-grid,.policy-cards{grid-template-columns:repeat(auto-fit,minmax(clamp(280px,28vw,350px),1fr));gap:var(--spacing-md)}.viewport-xs,.viewport-sm{--font-size-base: clamp(.6rem, 1.2vw, .875rem);--font-size-large: clamp(.9rem, 2vw, 1.25rem);--main-padding: clamp(.25rem, 1vw, .75rem);--spacing-md: clamp(.25rem, 1vw, .75rem)}.viewport-md{--font-size-base: clamp(.7rem, 1.4vw, .9rem);--font-size-large: clamp(1rem, 2.2vw, 1.35rem);--main-padding: clamp(.4rem, 1.2vw, .9rem)}.viewport-lg{--font-size-base: clamp(.75rem, 1.5vw, 1rem);--font-size-large: clamp(1.1rem, 2.5vw, 1.5rem);--main-padding: clamp(.5rem, 1.5vw, 1rem)}.device-laptop .main{height:calc(100vh - 125px);padding:var(--main-padding);background-color:var(--bg-primary)}.device-laptop .header{height:70px;padding:.5rem 0}.device-laptop .nav-item{height:55px;padding:.5rem clamp(.5rem,1.5vw,1.25rem);font-size:clamp(.65rem,1.2vw,.85rem)}.device-laptop .dashboard{gap:clamp(.5rem,1.5vw,1rem)}.device-laptop .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(180px,18vw,240px),1fr));gap:clamp(.4rem,1vw,.75rem)}.device-laptop .metric-card{padding:clamp(.5rem,1.5vw,1rem)}.device-laptop .metric-value{font-size:clamp(1.25rem,2.5vw,2rem)}html[style*=--viewport-scale]{transform:scale(var(--viewport-scale));transform-origin:top left;width:calc(100% / var(--viewport-scale));height:calc(100% / var(--viewport-scale))}.scan-controls{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.scan-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem}.last-scan-label{color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.last-scan-time{color:var(--text-primary);font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-metrics{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.security-metrics h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.metric-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.metric-card.critical:before{background:var(--danger-color)}.metric-card.high-risk:before{background:var(--warning-color)}.metric-card.security-score:before{background:var(--success-color)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);background:var(--bg-hover)}.metric-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metric-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.metric-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1}.metric-value.danger{color:var(--danger-color)}.metric-value.warning{color:var(--warning-color)}.metric-change{font-size:.875rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.metric-change.positive{color:var(--success-color)}.metric-change.positive:before{content:"↗";font-weight:700}.metric-change.negative{color:var(--danger-color)}.metric-change.negative:before{content:"↘";font-weight:700}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}}.section-description{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem;text-align:center}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.quick-action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.quick-action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.action-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.quick-action-card h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.quick-action-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none}.action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn.primary:hover{box-shadow:var(--shadow-lg)}.app-inventory{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.inventory-header{background:var(--bg-tertiary);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.inventory-header span:first-child{font-weight:600;color:var(--text-primary)}.app-count{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.inventory-list{padding:1rem 2rem 2rem}.inventory-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.inventory-item:last-child{border-bottom:none}.app-info{display:flex;align-items:center;gap:1rem;flex:1}.app-icon{font-size:2rem}.app-details h5{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.app-details p{color:var(--text-secondary);font-size:.875rem;margin:0}.risk-badge{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.risk-badge.high{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.risk-badge.medium{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.risk-badge.low{background:#22c55e1a;color:var(--success-color);border:1px solid rgba(34,197,94,.3)}.manage-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s ease}.manage-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.inventory-more{text-align:center;margin-top:2rem}.view-all-btn{background:transparent;border:1px solid var(--border-color);color:var(--primary-color);padding:1rem 2rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.policies-view{padding:2rem}.policies-view h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.policies-grid{display:flex;flex-direction:column;gap:3rem}.policy-section{display:flex;flex-direction:column;gap:1.5rem}.policy-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.policy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.policy-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease;border-left:4px solid transparent}.policy-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.policy-card.active{border-left-color:var(--success-color);background:#22c55e05}.policy-card.warning{border-left-color:var(--warning-color);background:#f59e0b05}.policy-card.inactive{border-left-color:var(--text-muted);background:#94a3b805}.policy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.policy-header h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.policy-status{padding:.375rem .875rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.policy-status.active{background:#22c55e1a;color:var(--success-color);border:1px solid rgba(34,197,94,.3)}.policy-status.warning{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.policy-status.inactive{background:#94a3b81a;color:var(--text-muted);border:1px solid rgba(148,163,184,.3)}.policy-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:.925rem}.policy-stats{display:flex;flex-direction:column;gap:.75rem}.policy-stats span{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;padding:.5rem 0}.policy-actions{display:flex;gap:1rem;flex-wrap:wrap}.policy-btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:var(--primary-color);color:#fff}.policy-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.policy-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.policy-btn:not(.secondary):hover{background:var(--primary-dark)}.policy-btn.secondary:hover{background:var(--bg-hover);border-color:var(--primary-color)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.loading-content h1{font-size:2.5rem;color:var(--primary-color);font-weight:700;margin:0}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.knowledge-view{padding:2rem}.threat-info-content{padding:2rem;max-width:1200px;margin:0 auto}.threat-info-header{text-align:center;margin-bottom:2rem}.threat-info-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.threat-info-header p{color:var(--text-secondary);font-size:1rem}.threat-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.threat-level-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;gap:1rem;transition:all .2s ease}.threat-level-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.threat-level-card.critical{border-left:4px solid #dc2626}.threat-level-card.high{border-left:4px solid #f97316}.threat-level-card.medium{border-left:4px solid #f59e0b}.threat-level-card.low{border-left:4px solid #22c55e}.threat-level-icon{flex-shrink:0}.threat-level-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.threat-level-info p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.threat-level-info ul{list-style:none;padding:0;margin:0}.threat-level-info li{color:var(--text-muted);font-size:.85rem;position:relative;padding:.25rem 0 .25rem 1rem}.threat-level-info li:before{content:"•";color:var(--primary-color);position:absolute;left:0}.improvement-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.improvement-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.improvement-steps{display:grid;gap:1.5rem}.improvement-step{display:flex;gap:1rem;align-items:flex-start}.step-number{background:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.step-content h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.step-content p{color:var(--text-secondary);font-size:.9rem}.threat-calculation{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.threat-calculation h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.calculation-factors{display:grid;gap:1rem}.factor{display:flex;gap:1rem;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.factor-weight{background:var(--primary-color);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;min-width:60px;text-align:center}.factor-details h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.factor-details p{color:var(--text-muted);font-size:.85rem}.security-score-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--section-gap)}.security-score-section h2{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.score-dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.score-dimension-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s ease;position:relative}.score-dimension-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.score-dimension-card.clickable{cursor:pointer}.score-dimension-card.clickable:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-hover-indicator{position:absolute;bottom:1rem;right:1rem;font-size:.75rem;color:var(--text-muted);opacity:0;transition:opacity .2s ease}.score-dimension-card.clickable:hover .card-hover-indicator{opacity:1}.score-progress{display:flex;flex-direction:column;gap:.5rem;flex:1}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.score-number{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.dimension-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dimension-icon{font-size:1.25rem}.dimension-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;margin-left:.75rem}.dimension-weight{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.dimension-score{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.score-circle-small{width:40px;height:40px;border:2px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-circle-small .score-grade{font-size:.875rem;font-weight:700;line-height:1}.dimension-score .score-number{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.dimension-description{color:var(--text-secondary);font-size:.875rem;margin:0}.security-recommendations{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;border-left:4px solid var(--warning-color)}.security-recommendations h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.recommendations-list{display:grid;gap:.75rem}.recommendation-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.recommendation-icon{flex-shrink:0;font-size:1rem}.recommendation-text{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.loading-content p{font-size:1.1rem;color:var(--text-secondary);margin:0}.metrics-grid,.progress-grid,.action-grid,.apps-grid,.tips-grid,.policies-grid{gap:var(--grid-gap)!important}.security-actions{margin:var(--section-gap) 0;padding:var(--card-padding);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.security-actions h3{font-size:1.125rem;margin-bottom:var(--spacing-md)}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--element-gap)}.action-button{padding:var(--card-padding);border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-sm);min-height:80px}.security-metrics h3{font-size:1.125rem;margin-bottom:var(--spacing-md)}.metric-card,.progress-card,.action-card,.app-card,.tip-card,.policy-card{padding:var(--card-padding)}.recent-activity{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--card-padding);margin:var(--section-gap) 0}.recent-activity h2{font-size:1.125rem;margin-bottom:var(--spacing-md)}.activity-list{display:flex;flex-direction:column;gap:var(--element-gap)}.activity-item{padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-md);font-size:.875rem}h1{font-size:1.5rem;margin-bottom:var(--spacing-sm)}h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}h3{font-size:1.125rem;margin-bottom:var(--spacing-sm)}h4{font-size:1rem;margin-bottom:var(--spacing-sm)}button{font-size:.8rem;padding:.5rem .875rem}.scan-button{font-size:.875rem;padding:var(--spacing-md) var(--spacing-xl)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;max-width:600px;max-height:80vh;width:90%;overflow:hidden;box-shadow:0 20px 40px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:2rem;overflow-y:auto;max-height:calc(80vh - 80px)}.score-detail{display:flex;flex-direction:column;gap:2rem}.score-overview{display:flex;gap:1.5rem;align-items:center}.score-circle-large{width:100px;height:100px;border:3px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.score-grade-large{font-size:1.5rem;font-weight:700;line-height:1}.score-number-large{font-size:.875rem;font-weight:600;opacity:.8}.score-description h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.score-description p{color:var(--text-secondary);margin:0;line-height:1.5}.score-breakdown h4,.recommendations h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.risk-factors,.recommendation-list{display:flex;flex-direction:column;gap:1rem}.risk-factor,.recommendation{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.factor-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.factor-icon{font-size:1rem}.factor-name,.rec-content h5{font-weight:600;color:var(--text-primary);margin:0;flex:1}.factor-impact{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;background:var(--bg-tertiary);color:var(--text-secondary)}.risk-factor p,.rec-content p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.rec-priority{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;display:inline-block}.rec-priority.high{background:var(--danger-color);color:#fff}.rec-priority.medium{background:var(--warning-color);color:#fff}.rec-priority.low{background:var(--success-color);color:#fff}.risk-factor{border-left:4px solid var(--border-color);margin-bottom:1rem}.risk-factor.risk-critical{border-left-color:var(--danger-color);background:#ef44440d}.risk-factor.risk-medium{border-left-color:var(--warning-color);background:#f59e0b0d}.risk-factor.risk-positive{border-left-color:var(--success-color);background:#10b9810d}.factor-details{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-left:1rem}.detail-item{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.rec-actions{display:flex;gap:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.rec-time,.rec-impact{font-size:.75rem;color:var(--text-muted);font-weight:500}.rec-impact{color:var(--success-color)}.dlp-alerts-view,.shadow-it-view,padding: 1.5rem; max-width: 1200px; margin: 0 auto; } .dlp-alerts-view h2,.shadow-it-view h2,color: var(--text-primary); font-size: 1.875rem; font-weight: 700; margin: 0 0 1.5rem 0; } .alerts-summary,.shadow-summary,.protection-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.summary-card:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-2px)}.summary-card h3{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.summary-card p{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:500}.summary-card.critical h3{color:var(--danger-color)}.summary-card.high h3{color:var(--warning-color)}.summary-card.blocked h3{color:var(--danger-color)}.summary-card.pending h3{color:var(--warning-color)}.summary-card.active h3{color:var(--primary-color)}.summary-card.total h3{color:var(--text-primary)}.summary-card.high-risk h3{color:var(--danger-color)}.summary-card.spend h3{color:var(--success-color)}.alerts-list,.shadow-apps-list,.threat-alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-card,.shadow-app-card,background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: .75rem; padding: 1.5rem; transition: all .2s ease; position: relative; } .alert-card:hover,.shadow-app-card:hover,background: var(--bg-hover); border-color: var(--border-light); transform: translateY(-2px); box-shadow: var(--shadow-lg); } .alert-card.severity-critical,border-left: 4px solid var(--danger-color); } .alert-card.severity-high,border-left: 4px solid var(--warning-color); } .alert-card.severity-medium,border-left: 4px solid #60a5fa; } .alert-card.severity-low,border-left: 4px solid var(--success-color); } .alert-header,.app-header,.threat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.alert-info h3,.app-info h3,.threat-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem;line-height:1.4}.alert-info p,.app-info p,.user-info p,.threat-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.alert-badges,.app-badges,.analytic-badges,.threat-badges{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.severity-badge,.action-badge,.risk-badge,.approval-badge,.confidence-badge,.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.severity-badge.critical{background:#ef444426;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.severity-badge.high{background:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.severity-badge.medium{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.severity-badge.low{background:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.action-badge.blocked,.action-badge.quarantined{background:#ef444426;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.action-badge.pending_review,.action-badge.allowed{background:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.risk-badge.high{background:#ef444426;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.risk-badge.medium{background:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.risk-badge.low{background:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.approval-badge.pending{background:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.approval-badge.approved{background:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.approval-badge.rejected{background:#ef444426;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.approval-badge.under_review,.confidence-badge{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.status-badge.active{background:#ef444426;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.status-badge.mitigated{background:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.alert-details,.app-details,.analytic-details,.threat-details{margin-bottom:1.5rem}.detail-section,.detail-row{margin-bottom:1rem}.detail-section:last-child,.detail-row:last-child{margin-bottom:0}.detail-section strong,.detail-row strong{color:var(--text-primary);font-weight:600;display:block;margin-bottom:.5rem;font-size:.875rem}.detail-section p,.detail-row p{color:var(--text-secondary);margin:0;line-height:1.5;font-size:.875rem}.description{margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px solid var(--border-color)}.description strong{color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem}.description p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.data-types,.external-domains,.indicators,.apps-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.data-type-tag,.domain-tag,.indicator-tag,.app-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);white-space:nowrap}.risk-factors{list-style:none;padding:0;margin:.5rem 0 0}.risk-factors li{color:var(--text-secondary);font-size:.875rem;position:relative;padding:.25rem 0 .25rem 1rem;line-height:1.4}.risk-factors li:before{content:"•";color:var(--warning-color);position:absolute;left:0;font-weight:700}.remediation-steps{list-style:decimal;padding-left:1.25rem;margin:.5rem 0 0}.remediation-steps li{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;line-height:1.4}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px solid var(--border-color)}.baseline,.current{text-align:center}.baseline strong,.current strong{color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem;display:block}.baseline p{color:var(--text-secondary);font-size:.875rem;margin:0}.current p{color:var(--warning-color);font-weight:600;font-size:.875rem;margin:0}.context-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin:1rem 0;padding:1rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px solid var(--border-color)}.context-item{font-size:.875rem}.context-item strong{color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem;display:block}.context-item{color:var(--text-secondary)}.alert-actions,.app-actions,.analytic-actions,.threat-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-color)}.action-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:100px;background:transparent}.action-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px)}.action-btn.secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.action-btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.action-btn.tertiary{background:transparent;color:var(--text-muted);border-color:var(--border-color)}.action-btn.tertiary:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.action-btn.danger{background:transparent;color:var(--danger-color);border-color:#ef44444d}.action-btn.danger:hover{background:#ef444426;border-color:var(--danger-color)}.empty-state{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin:1rem 0}.empty-state-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5;max-width:400px}.onboarding-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto;box-sizing:border-box}.onboarding-container{max-width:600px;width:100%;background:var(--bg-secondary);border-radius:1.5rem;padding:3rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);text-align:center}.onboarding-step{animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-header p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem}.provider-selection h3{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:var(--text-primary)}.provider-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.provider-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.provider-btn:hover{border-color:var(--primary-color);background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.provider-btn.aws:hover{border-color:#f90;box-shadow:0 8px 25px #f903}.provider-btn.azure:hover{border-color:#0078d4;box-shadow:0 8px 25px #0078d433}.provider-btn.gcp:hover{border-color:#4285f4;box-shadow:0 8px 25px #4285f433}.provider-btn.saas:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98133}.provider-btn.google:hover{border-color:#4285f4;box-shadow:0 8px 25px #4285f433}.provider-btn.microsoft:hover{border-color:#0078d4;box-shadow:0 8px 25px #0078d433}.provider-btn.slack:hover{border-color:#4a154b;box-shadow:0 8px 25px #4a154b33}.provider-btn.discover:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98133}.provider-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.provider-icon.enterprise{background:linear-gradient(135deg,#059669,#047857);color:#fff}.provider-icon.email{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.provider-icon.chat{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.provider-icon.search{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.provider-tag{margin-left:auto;background:var(--secondary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.trust-indicators{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.trust-icon{font-size:1rem}.connect-step{padding:4rem 0}.connect-animation{display:flex;flex-direction:column;align-items:center;gap:2rem}.connect-spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.connect-step h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.connect-step p{color:var(--text-secondary)}.scan-progress h2{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:var(--text-primary)}.progress-bar{width:100%;height:12px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:6px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.scan-details{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}.scan-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;color:var(--text-secondary)}.scan-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;flex-shrink:0}.results-header{margin-bottom:3rem}.security-grade{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.grade-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid;position:relative}.grade-circle.grade-c{border-color:var(--warning-color);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.grade-letter{font-size:3rem;font-weight:800;color:var(--warning-color)}.grade-info{text-align:left}.grade-info h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.grade-info p{color:var(--text-secondary);font-size:1rem}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:3rem}.result-item{padding:1.5rem;border-radius:1rem;border:2px solid;text-align:center}.result-item.critical{border-color:var(--danger-color);background:#ef44440d}.result-item.warning{border-color:var(--warning-color);background:#f59e0b0d}.result-item.success{border-color:var(--success-color);background:#22c55e0d}.result-count{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.result-item.critical .result-count{color:var(--danger-color)}.result-item.warning .result-count{color:var(--warning-color)}.result-item.success .result-count{color:var(--success-color)}.result-label span{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.result-label small{color:var(--text-muted);font-size:.75rem}.results-preview{text-align:left;margin-bottom:3rem;padding:2rem;background:var(--bg-tertiary);border-radius:1rem;border:1px solid var(--border-color)}.results-preview h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.issue-list{display:flex;flex-direction:column;gap:1rem}.issue-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:4px solid}.issue-item:nth-child(1),.issue-item:nth-child(2){border-left-color:var(--danger-color)}.issue-item:nth-child(3){border-left-color:var(--warning-color)}.issue-severity{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.issue-severity.critical{background:var(--danger-color);color:#fff}.issue-severity.warning{background:var(--warning-color);color:#fff}.issue-title{flex:1;font-weight:500;color:var(--text-primary)}.results-actions{text-align:center}.primary-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);margin-bottom:1rem;position:relative;overflow:hidden}.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #3b82f64d}.primary-btn:hover:before{left:100%}.results-note{color:var(--text-secondary);font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-height: 800px){.onboarding-overlay{align-items:flex-start;padding:2rem 1rem 1rem}.onboarding-container{padding:2rem;margin:0;min-height:auto;max-height:calc(100vh - 4rem);overflow-y:auto}.onboarding-header h1{font-size:2rem;margin-bottom:.75rem}.onboarding-header p{font-size:1.1rem;margin-bottom:2rem}.provider-selection h3{font-size:1.25rem;margin-bottom:1.5rem}.provider-buttons{gap:.75rem;margin-bottom:2rem}.provider-btn{padding:1.25rem 1.5rem;font-size:1rem}.results-summary{margin-bottom:2rem}.results-preview{margin-bottom:2rem;padding:1.5rem}.primary-btn{padding:1rem 2rem;font-size:1rem;margin-bottom:.5rem}.trust-indicators{gap:1.5rem}}@media (max-width: 1400px) and (max-height: 900px){.onboarding-overlay{padding:1.5rem}.onboarding-container{max-width:550px;padding:2.5rem}}@media (max-width: 768px){.onboarding-container{padding:2rem;margin:1rem}.onboarding-header h1{font-size:2rem}.security-grade{flex-direction:column;gap:1rem}.grade-info{text-align:center}.results-summary{grid-template-columns:1fr}.trust-indicators{flex-direction:column;gap:1rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2rem;position:relative}.auth-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.1) 0%,transparent 40%);pointer-events:none}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;padding:3rem;box-shadow:var(--shadow-lg);width:100%;max-width:500px;animation:slideIn .4s ease-out;position:relative;z-index:1}.register-card{max-width:600px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.auth-header .logo h1{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.auth-header .company-tag{font-size:.75rem;color:var(--secondary-color);font-weight:500;text-transform:uppercase;letter-spacing:1.4px;margin-top:.375rem;opacity:.9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group input,.form-group select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.875rem 1rem;border-radius:.75rem;font-size:1rem;transition:all .3s ease}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.password-input{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.password-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-strength{margin-top:.5rem}.strength-bar{height:4px;background:var(--success-color);border-radius:2px;transition:all .3s ease;margin-bottom:.5rem}.strength-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.strength-info small{color:var(--text-secondary)}.error-message{display:flex;align-items:center;gap:.5rem;background:#ef44441a;color:var(--danger-color);padding:1rem;border-radius:.75rem;border:1px solid rgba(239,68,68,.3);font-size:.875rem;font-weight:500}.auth-button{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.auth-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-helper{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.demo-helper h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.demo-helper p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.demo-buttons{display:flex;gap:1rem;flex-wrap:wrap}.demo-button{flex:1;min-width:200px;display:flex;align-items:center;gap:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease}.demo-button:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.demo-button:disabled{opacity:.6;cursor:not-allowed}.demo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.demo-icon.startup{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.demo-icon.enterprise{background:linear-gradient(135deg,#059669,#047857);color:#fff}.demo-button div{text-align:left}.demo-button strong{display:block;font-weight:600;margin-bottom:.25rem}.demo-button small{color:var(--text-secondary);font-size:.75rem}.auth-footer{text-align:center;margin-bottom:2rem}.auth-links{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.link-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:var(--primary-light)}.separator{color:var(--text-muted)}.trust-indicators{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--border-color)}.trust-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.signup-benefits{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-top:1.5rem}.signup-benefits h4{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.signup-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.signup-benefits li{color:var(--text-secondary);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.checkmark-icon{color:var(--success-color);flex-shrink:0}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.auth-container{padding:1rem}.auth-card{padding:2rem}.form-row{grid-template-columns:1fr}.demo-buttons{flex-direction:column}.demo-button{min-width:auto}.trust-indicators{flex-direction:column;gap:1rem;text-align:center}}.profile-settings{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.settings-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:2rem}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;font-size:.875rem;font-weight:500}.back-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.logout-button{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;font-size:.875rem;font-weight:500}.logout-button:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.settings-container{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%}.settings-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem;height:fit-content;position:sticky;top:80px}.settings-sidebar h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:1rem;border-radius:.75rem;transition:all .2s ease;font-size:.875rem;font-weight:500;text-align:left;width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--primary-color);color:#fff}.settings-content{flex:1;padding:2rem;max-width:800px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;margin-bottom:2rem}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:.875rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-group input,.form-group select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.875rem 1rem;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.disabled-input{opacity:.6;cursor:not-allowed}.section-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.save-button{background:var(--primary-color);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.save-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.security-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease}.security-item:hover{border-color:var(--primary-color)}.security-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.security-info p{font-size:.875rem;color:var(--text-secondary)}.security-select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;min-width:140px}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(22px)}.notification-categories{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.notification-category h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.notification-items{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s ease}.notification-item:hover{border-color:var(--primary-color)}.notification-info span{font-weight:600;color:var(--text-primary);display:block;margin-bottom:.25rem}.notification-info small{color:var(--text-secondary);font-size:.8rem}@media (max-width: 768px){.settings-header{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start}.header-left{width:100%;justify-content:space-between}.settings-container{flex-direction:column}.settings-sidebar{width:100%;position:static;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.settings-nav{flex-direction:row;overflow-x:auto;gap:.25rem}.nav-item{white-space:nowrap;min-width:auto;padding:.75rem 1rem}.settings-content{padding:1rem}.settings-grid{grid-template-columns:1fr;gap:1rem}.security-item,.notification-item{flex-direction:column;align-items:flex-start;gap:1rem}}