*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #F8FAFC;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-sidebar: #1E293B;--bg-header: #C41E3A;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--input-border: #cbd5e1;--input-focus: #C41E3A;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--card-shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--stat-icon-bg: #f1f5f9;--chart-bg: #ffffff;--skeleton-bg: #e2e8f0;--skeleton-shine: #f8fafc;--badge-free-bg: #f1f5f9;--badge-free-text: #64748b;--badge-premium-bg: #fef3c7;--badge-premium-text: #92400e;--badge-business-bg: #d1fae5;--badge-business-text: #065f46;--badge-personal-bg: #e0e7ff;--badge-personal-text: #3730a3;--badge-role-bg: #fce7f3;--badge-role-text: #9d174d;--success-bg: #dcfce7;--success-text: #166534;--error-bg: #fee2e2;--error-text: #991b1b;--warning-bg: #fef3c7;--warning-text: #92400e;--scrollbar-bg: transparent;--scrollbar-thumb: #cbd5e1;--scrollbar-hover: #94a3b8}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-sidebar: #0f172a;--bg-header: #C41E3A;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-light: #1e293b;--input-border: #475569;--input-focus: #C41E3A;--card-bg: #1e293b;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-shadow-lg: 0 10px 40px rgba(0, 0, 0, .4);--stat-icon-bg: #334155;--chart-bg: #1e293b;--skeleton-bg: #334155;--skeleton-shine: #475569;--badge-free-bg: #334155;--badge-free-text: #94a3b8;--badge-premium-bg: #78350f;--badge-premium-text: #fcd34d;--badge-business-bg: #064e3b;--badge-business-text: #6ee7b7;--badge-personal-bg: #312e81;--badge-personal-text: #a5b4fc;--badge-role-bg: #831843;--badge-role-text: #f9a8d4;--success-bg: #064e3b;--success-text: #6ee7b7;--error-bg: #7f1d1d;--error-text: #fca5a5;--warning-bg: #78350f;--warning-text: #fcd34d;--scrollbar-bg: transparent;--scrollbar-thumb: #475569;--scrollbar-hover: #64748b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-container{display:flex;flex-direction:column;align-items:center;gap:24px}.auth-header{text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.logo svg{width:28px;height:28px;color:#c41e3a}.logo span{font-size:18px;font-weight:600;color:#1e293b}.clerk-root{width:100%;max-width:400px}.clerk-card{border-radius:16px;box-shadow:0 10px 40px -10px #0000001a}.success-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.success-card{text-align:center;padding:48px;background:#fff;border-radius:20px;box-shadow:0 20px 40px -10px #0000001a;max-width:420px;width:100%}.success-card .logo{margin-bottom:32px;opacity:.8}.success-card .logo svg{width:24px;height:24px}.success-card .logo span{font-size:14px;color:#64748b}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon svg{width:40px;height:40px;color:#fff}.success-card h1{font-size:28px;font-weight:700;margin-bottom:24px;color:#0f172a}.user-info{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:24px}.avatar{width:64px;height:64px;border-radius:50%;margin-bottom:12px;object-fit:cover}.avatar-placeholder{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c41e3a,#a01830);color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.name{font-size:18px;font-weight:600;color:#0f172a;margin-bottom:4px}.email{font-size:14px;color:#64748b}.instruction{background:#f1f5f9;border-radius:12px;padding:20px;margin-bottom:24px}.instruction p{font-size:14px;color:#475569;margin-bottom:4px}.instruction p:last-child{margin-bottom:0}.instruction strong{color:#0f172a}.close-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:#c41e3a;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-bottom:12px}.close-btn:hover{background:#a01830;transform:translateY(-1px);box-shadow:0 4px 12px #c41e3a4d}.switch-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.switch-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#c41e3a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.success-card{padding:32px 24px}.success-card h1{font-size:24px}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;margin-left:260px;padding:32px;background:var(--bg-primary);min-height:100vh;overflow-x:hidden;transition:margin-left .3s ease,background-color .3s ease}.dashboard-main.sidebar-collapsed{margin-left:72px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#1e293b;z-index:110;padding:0 16px;align-items:center;gap:12px}.mobile-menu-btn{width:40px;height:40px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.mobile-menu-btn:hover{background:#334155}.mobile-menu-btn svg{width:24px;height:24px}.mobile-header-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:16px}.mobile-header-logo svg{width:24px;height:24px;color:#c41e3a}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:95}.theme-toggle-btn{width:32px;height:32px;border:none;background:#ffffff26;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.theme-toggle-btn:hover{background:#ffffff40}.theme-toggle-btn svg{width:18px;height:18px}.floating-theme-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border:none;background:var(--card-bg);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .2s ease;z-index:90;border:1px solid var(--border-color)}.floating-theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.floating-theme-toggle:active{transform:scale(.95)}.floating-theme-toggle svg{width:22px;height:22px}@media (max-width: 768px){.floating-theme-toggle{bottom:16px;right:16px;width:44px;height:44px}.floating-theme-toggle svg{width:20px;height:20px}}.mobile-user-menu{display:none;position:relative;margin-left:auto;align-items:center}.mobile-user-btn{width:32px;height:32px;background:transparent;border:none;border-radius:50%;cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.mobile-user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c41e3a,#a01830);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.mobile-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow-lg);min-width:220px;z-index:200;overflow:hidden;animation:dropdownSlide .2s ease-out;border:1px solid var(--border-color)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-user-info{padding:16px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.mobile-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.mobile-user-email{font-size:12px;color:var(--text-secondary);word-break:break-all}.mobile-signout-btn{width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;color:#c41e3a;transition:background .15s ease}.mobile-signout-btn:hover{background:var(--error-bg)}.mobile-signout-btn svg{width:18px;height:18px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;height:100vh;height:100dvh;background:#1e293b;display:flex;flex-direction:column;z-index:100;transition:width .3s ease,transform .3s ease}.sidebar.collapsed{width:72px}.sidebar-header{padding:24px;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar.collapsed .sidebar-header{padding:24px 16px;justify-content:center}.sidebar-toggle{background:transparent;border:none;padding:6px;cursor:pointer;color:#94a3b8;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background:#334155;color:#e2e8f0}.sidebar-toggle svg{width:18px;height:18px}.sidebar.collapsed .sidebar-toggle{position:absolute;right:-12px;top:28px;background:#1e293b;border:1px solid #334155;border-radius:50%;padding:4px;width:24px;height:24px}.sidebar.collapsed .sidebar-toggle:hover{background:#334155}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo svg{width:28px;height:28px;color:#c41e3a}.sidebar-logo span{font-size:16px;font-weight:600;color:#fff}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar.collapsed .sidebar-nav{padding:16px 8px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#94a3b8;text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s ease;font-size:14px;font-weight:500}.sidebar-nav-item:hover{background:#334155;color:#e2e8f0}.sidebar-nav-item.active{background:#334155;color:#fff;border-left:3px solid #C41E3A;padding-left:13px}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-nav-item.active{border-left:none;border-bottom:3px solid #C41E3A;padding-left:12px}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center}.sidebar-nav-icon svg{width:20px;height:20px}.sidebar.collapsed .sidebar-nav-label{display:none}.sidebar-footer{padding:16px;border-top:1px solid #334155;display:flex;align-items:center;gap:12px}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:16px 8px}.sidebar-user{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#c41e3a;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-name{display:block;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-tier{display:block;font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-signout{background:transparent;border:none;padding:8px;cursor:pointer;color:#94a3b8;border-radius:6px;transition:all .2s ease;flex-shrink:0}.sidebar-signout:hover{background:#334155;color:#ef4444}.sidebar-signout svg{width:20px;height:20px}.dashboard-page{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.dashboard-header-left h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.dashboard-subtitle{font-size:14px;color:var(--text-secondary)}.dashboard-header-right{display:flex;align-items:center;gap:12px}.period-select{padding:10px 16px;font-size:14px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color .2s ease,background-color .3s ease}.period-select:focus{border-color:var(--input-focus)}.stat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;gap:16px;align-items:flex-start;transition:background-color .3s ease,border-color .3s ease}.stat-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:24px;height:24px}.stat-card-content{min-width:0}.stat-card-value{display:block;font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card-title{display:block;font-size:14px;color:var(--text-secondary);margin-top:4px}.stat-card-trend{display:block;font-size:12px;margin-top:8px}.stat-card-trend.positive{color:#22c55e}.stat-card-trend.negative{color:#ef4444}.chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px;transition:background-color .3s ease,border-color .3s ease}.chart-card-header{margin-bottom:24px}.chart-card-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.chart-card-header p{font-size:14px;color:var(--text-secondary)}.chart-container{width:100%}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color)}.recharts-text{fill:var(--text-secondary)}.recharts-legend-item-text{color:var(--text-secondary)!important}.recharts-default-tooltip{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}.recharts-tooltip-label{color:var(--text-primary)!important}.recharts-tooltip-item{color:var(--text-secondary)!important}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#94a3b8}.chart-empty svg{width:48px;height:48px;margin-bottom:12px}.chart-empty p{font-size:14px}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.charts-row .chart-card{margin-bottom:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-item{background:var(--bg-tertiary);border-radius:8px;padding:16px;text-align:center}.metric-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.metric-value{display:block;font-size:24px;font-weight:600;color:var(--text-primary)}.threat-categories-grid{display:flex;flex-direction:column;gap:12px}.threat-category-item{background:var(--bg-tertiary);border-radius:8px;padding:12px 16px}.threat-category-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.threat-category-name{font-size:14px;color:var(--text-secondary);font-weight:500}.threat-category-count{font-size:14px;font-weight:600;color:var(--text-primary)}.threat-category-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.threat-category-bar-fill{height:100%;background:linear-gradient(90deg,#c41e3a,#e11d48);border-radius:3px;transition:width .3s ease}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.dashboard-error svg{width:48px;height:48px;color:#ef4444;margin-bottom:16px}.dashboard-error h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary)}.settings-page{max-width:800px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.settings-subtitle{font-size:14px;color:var(--text-secondary)}.settings-section{margin-bottom:32px}.settings-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:background-color .3s ease,border-color .3s ease}.profile-info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-placeholder{width:72px;height:72px;border-radius:50%;background:#c41e3a;color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-details{min-width:0}.profile-name{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.profile-email{font-size:15px;color:var(--text-secondary);margin-bottom:4px}.profile-meta{font-size:14px;color:var(--text-muted)}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px}.badge-free{background:var(--badge-free-bg);color:var(--badge-free-text)}.badge-premium{background:var(--badge-premium-bg);color:var(--badge-premium-text)}.badge-business{background:var(--badge-business-bg);color:var(--badge-business-text)}.badge-personal{background:var(--badge-personal-bg);color:var(--badge-personal-text)}.badge-role{background:var(--badge-role-bg);color:var(--badge-role-text)}.org-info{display:flex;align-items:center;gap:16px}.org-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.org-icon svg{width:24px;height:24px;color:var(--text-secondary)}.org-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.org-meta{font-size:13px;color:var(--text-secondary);margin:0}.subscription-info{margin-bottom:20px}.subscription-plan{display:flex;align-items:center;gap:12px;margin-bottom:8px}.plan-name{font-size:18px;font-weight:600;color:var(--text-primary)}.plan-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.status-active{background:var(--success-bg);color:var(--success-text)}.subscription-description{font-size:14px;color:var(--text-secondary)}.subscription-actions{display:flex;gap:12px;flex-wrap:wrap}.activation-key-info{display:flex;flex-direction:column;gap:16px}.activation-key-description{font-size:14px;color:var(--text-secondary);margin:0}.activation-key-display{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);padding:12px 16px;border-radius:8px;border:1px solid var(--border-color)}.activation-key-value{flex:1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;color:var(--text-primary);word-break:break-all}.activation-key-actions{display:flex;gap:8px;flex-shrink:0}.copy-feedback{font-size:13px;color:#22c55e;margin:0}.activity-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activity-item{background:var(--bg-tertiary);padding:16px;border-radius:8px}.activity-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.activity-value{display:block;font-size:14px;font-weight:500;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn svg{width:18px;height:18px}.btn-primary{background:#c41e3a;color:#fff}.btn-primary:hover{background:#a01830}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--input-border)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon{width:36px;height:36px;padding:0;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon svg{width:18px;height:18px}@media (max-width: 1200px){.stat-cards-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.charts-row{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-header,.mobile-user-menu{display:flex}.mobile-overlay{display:block;top:56px}.sidebar{transform:translate(-100%);width:280px!important;top:56px;height:calc(100vh - 56px);overflow-y:auto}.sidebar.collapsed{width:280px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-header,.sidebar-toggle{display:none}.sidebar.collapsed .sidebar-nav-item{justify-content:flex-start;padding:12px 16px}.sidebar.collapsed .sidebar-nav-item.active{border-left:3px solid #C41E3A;border-bottom:none;padding-left:13px}.sidebar-nav-label{display:block!important}.sidebar-footer{display:none!important}.dashboard-main{margin-left:0!important;padding:72px 16px 16px;min-height:100vh;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.dashboard-main.sidebar-collapsed{margin-left:0!important}.dashboard-page{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.dashboard-header{flex-direction:column;gap:16px;align-items:stretch;width:100%;box-sizing:border-box}.dashboard-header-left{width:100%}.dashboard-header-left h1{font-size:22px;margin:0}.dashboard-subtitle{font-size:13px;margin:4px 0 0}.dashboard-header-right{flex-direction:row;width:100%}.period-select{flex:1;min-width:0}.export-btn-small{flex-shrink:0}.stat-cards-grid{grid-template-columns:1fr;gap:12px;width:100%;box-sizing:border-box}.stat-card{padding:16px;gap:12px;overflow:hidden;width:100%;box-sizing:border-box}.stat-card-icon{width:44px;height:44px;min-width:44px;flex-shrink:0}.stat-card-icon svg{width:22px;height:22px}.stat-card-value{font-size:24px}.stat-card-title{font-size:13px}.chart-card{padding:16px;width:100%;box-sizing:border-box;margin-bottom:16px}.chart-card-header{margin-bottom:16px}.chart-card-header h2{font-size:16px}.chart-card-header p{font-size:13px}.charts-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px;width:100%;box-sizing:border-box}.chart-container{min-height:250px;width:100%;overflow-x:auto}.skeleton-chart{height:250px}.skeleton-chart-small{height:220px}.settings-page{padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.settings-header h1{font-size:22px}.activity-info{grid-template-columns:1fr}.profile-info{flex-direction:column;text-align:center}.subscription-actions{flex-direction:column}.subscription-actions .btn{width:100%}}@media (max-width: 480px){.mobile-header{padding:0 12px}.mobile-header-logo span{font-size:14px}.dashboard-main{padding:64px 12px 12px}.dashboard-header-left h1{font-size:20px}.dashboard-subtitle{font-size:12px}.stat-cards-grid{gap:10px}.stat-card{padding:12px;gap:10px}.stat-card-icon{width:40px;height:40px}.stat-card-icon svg{width:20px;height:20px}.stat-card-value{font-size:20px}.stat-card-title{font-size:12px}.stat-card-trend{font-size:11px}.chart-card{padding:12px;margin-bottom:10px}.chart-card-header{margin-bottom:12px}.chart-card-header h2{font-size:15px}.chart-card-header p{font-size:11px}.charts-row{gap:10px;margin-bottom:10px}.chart-container{min-height:220px}.export-btn-small span{display:none}.export-btn-small{padding:8px}.period-select{font-size:13px;padding:8px 10px}.settings-card{padding:16px}.settings-section-title{font-size:14px}}.users-page,.groups-page,.policies-page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.page-header-left h1{font-size:28px;font-weight:600;color:#1e293b;margin:0 0 4px}.page-subtitle{color:#64748b;font-size:14px;margin:0}.page-header-right{display:flex;gap:12px}.page-loading,.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.page-error h2{color:#c41e3a;margin:0 0 8px}.page-error p{color:#64748b}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#c41e3a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#a3172e}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary svg{width:16px;height:16px}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-icon.btn-danger:hover{background-color:#fee2e2;color:#c41e3a}.btn-icon svg{width:16px;height:16px}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert svg{width:20px;height:20px;flex-shrink:0}.alert button{margin-left:auto;background:none;border:none;cursor:pointer;font-size:12px;opacity:.7}.alert-error{background-color:#fee2e2;color:#991b1b}.alert-success{background-color:#dcfce7;color:#166534}.alert-info{background-color:#dbeafe;color:#1e40af}.filters-bar{display:flex;gap:12px;margin-bottom:20px}.search-input{display:flex;align-items:center;gap:8px;padding:0 12px;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;flex:1;max-width:320px}.search-input svg{width:16px;height:16px;color:#94a3b8}.search-input input{flex:1;padding:10px 0;border:none;background:none;font-size:14px;outline:none}.filter-select{padding:10px 12px;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;color:#475569;cursor:pointer}.users-stats,.groups-stats{display:flex;gap:16px;margin-bottom:24px}.stat-badge{display:flex;flex-direction:column;padding:16px 24px;background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px}.stat-badge-value{font-size:24px;font-weight:600;color:#1e293b}.stat-badge-label{font-size:12px;color:#64748b;margin-top:4px}.data-table-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #E2E8F0}.data-table td{padding:16px;border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--bg-tertiary)}.empty-state{text-align:center;padding:48px 16px!important;color:#64748b}.empty-state svg{width:48px;height:48px;color:#cbd5e1;margin-bottom:16px}.empty-state p{margin:0}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#c41e3a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-info{display:flex;flex-direction:column}.user-email{font-weight:500;color:#1e293b}.user-joined{font-size:12px;color:#94a3b8}.role-badge{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500;text-transform:capitalize}.role-badge.role-admin{background-color:#dbeafe;color:#1e40af}.role-badge.role-user{background-color:#f1f5f9;color:#475569}.role-badge.role-msp-admin{background-color:#fef3c7;color:#92400e}.group-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;background-color:#f1f5f9;color:#475569}.action-buttons{display:flex;gap:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E2E8F0}.modal-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#64748b}.modal-close:hover{color:#1e293b}.modal-close svg{width:20px;height:20px}.modal form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c41e3a}.form-group input:disabled{background-color:#f8fafc;color:#64748b}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.empty-state-card{display:flex;flex-direction:column;align-items:center;padding:60px 20px;background-color:#f8fafc;border:2px dashed #E2E8F0;border-radius:12px;text-align:center}.empty-state-card svg{width:48px;height:48px;color:#cbd5e1;margin-bottom:16px}.empty-state-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state-card p{color:#64748b;margin:0 0 20px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.group-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.group-card:hover{box-shadow:0 4px 6px -1px #0000001a}.group-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background-color:#f8fafc}.group-icon{width:40px;height:40px;border-radius:10px;background-color:#c41e3a;color:#fff;display:flex;align-items:center;justify-content:center}.group-icon svg{width:20px;height:20px}.group-actions{display:flex;gap:4px}.group-card-body{padding:16px}.group-name{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.group-meta{display:flex;flex-direction:column;gap:6px}.group-members{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.group-members svg{width:14px;height:14px}.group-created{font-size:12px;color:#94a3b8}.group-card-footer{padding:12px 16px;border-top:1px solid #F1F5F9}.policy-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.policy-badge.has-policy{background-color:#dcfce7;color:#166534}.policy-badge.no-policy{background-color:#f1f5f9;color:#64748b}.policy-info-card{background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:20px;margin-bottom:24px}.policy-info-card h3{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.policy-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.policy-info-item{display:flex;flex-direction:column;gap:4px}.policy-info-label{font-size:13px;font-weight:600;color:#475569}.policy-info-desc{font-size:12px;color:#64748b}.policy-settings{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.policy-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;transition:border-color .15s}.policy-card:hover{border-color:#cbd5e1}.policy-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.policy-card-header:hover{background-color:#f8fafc}.policy-card-icon{width:36px;height:36px;border-radius:8px;background-color:#fee2e2;color:#c41e3a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.policy-card-icon svg{width:18px;height:18px}.policy-card-title{flex:1;font-size:14px;font-weight:600;color:#1e293b;margin:0}.policy-card-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px}.policy-card-status.enabled{background-color:#dbeafe;color:#1d4ed8}.policy-card-status.enforced{background-color:#dcfce7;color:#15803d}.policy-card-status.disabled{background-color:#f1f5f9;color:#64748b}.policy-card-chevron{width:20px;height:20px;color:#94a3b8;transition:transform .2s;flex-shrink:0}.policy-card.expanded .policy-card-chevron{transform:rotate(180deg)}.policy-card-body{padding:0 20px 20px 68px;display:none}.policy-card.expanded .policy-card-body{display:block}.policy-card-description{font-size:13px;color:#64748b;margin:0 0 16px;line-height:1.5}.policy-card-controls{display:flex;gap:24px}.toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch input{display:none}.toggle-slider{width:44px;height:24px;background-color:#e2e8f0;border-radius:9999px;position:relative;transition:background-color .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#c41e3a}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-size:13px;color:#475569;min-width:60px}.policy-preview{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:24px}.policy-preview h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.policy-preview-subtitle{font-size:13px;color:#64748b;margin:0 0 20px}.policy-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.policy-preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;font-size:13px}.policy-preview-item.enabled{background-color:#f0fdf4}.policy-preview-item.enforced{background-color:#dbeafe}.policy-preview-item.disabled{background-color:#f1f5f9}.policy-preview-name{font-weight:500;color:#1e293b}.policy-preview-status{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.policy-preview-item.enabled .policy-preview-status{color:#166534}.policy-preview-item.enforced .policy-preview-status{color:#1e40af}.policy-preview-item.disabled .policy-preview-status{color:#64748b}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch}.page-header-right,.filters-bar{flex-direction:column}.search-input{max-width:none}.users-stats,.groups-stats{flex-wrap:wrap}.policy-card-header{padding:12px 16px}.policy-card-body{padding:0 16px 16px}.policy-card-controls{flex-direction:column;gap:12px;width:100%}.policy-info-grid,.groups-grid{grid-template-columns:1fr}}.export-btn-small{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn-small:hover:not(:disabled){background:#334155}.export-btn-small:disabled{opacity:.6;cursor:not-allowed}.export-btn-small svg{width:16px;height:16px}.export-btn-small .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.threat-matrix-card{overflow:hidden}.threat-matrix-container{overflow-x:auto}.threat-matrix-table{width:100%;border-collapse:collapse;font-size:14px}.threat-matrix-table th{text-align:left;padding:14px 16px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.threat-matrix-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.threat-matrix-table tbody tr:hover{background:var(--bg-tertiary)}.threat-matrix-table tfoot td{padding:14px 16px;background:var(--bg-tertiary);border-top:2px solid var(--border-color);border-bottom:none}.threat-category-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.threat-category-badge[data-category=security]{background:#fee2e2;color:#991b1b}.threat-category-badge[data-category=data-leakage]{background:#fef3c7;color:#92400e}.threat-category-badge[data-category=content-violation]{background:#dbeafe;color:#1e40af}.threat-category-badge[data-category=policy]{background:#e0e7ff;color:#3730a3}.threat-category-badge[data-category=other]{background:#f1f5f9;color:#475569}.threat-type-cell{font-weight:500}.threat-count-cell{text-align:center}.threat-count{font-weight:600;font-size:16px;color:#1e293b}.severity-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.distribution-cell{min-width:150px}.distribution-bar-container{display:flex;align-items:center;gap:10px}.distribution-bar{height:8px;border-radius:4px;min-width:4px;transition:width .3s ease}.distribution-percent{font-size:12px;font-weight:500;color:var(--text-secondary);min-width:40px}.analysis-period{font-size:12px;color:var(--text-secondary)}.threat-matrix-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.threat-matrix-empty svg{width:64px;height:64px;color:#22c55e;margin-bottom:16px}.threat-matrix-empty h3{font-size:18px;color:#1e293b;margin:0 0 8px}.threat-matrix-empty p{font-size:14px;color:#64748b;margin:0;max-width:400px}@media (max-width: 768px){.threat-matrix-table{font-size:13px}.threat-matrix-table th,.threat-matrix-table td{padding:10px 12px}.distribution-cell{min-width:100px}.export-btn span{display:none}.export-btn{padding:10px}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{min-height:100px}.skeleton-icon{width:48px;height:48px;border-radius:12px}.skeleton-value{width:80px;height:28px;margin-bottom:8px}.skeleton-title{width:100px;height:14px}.skeleton-select{width:140px;height:38px}.skeleton-button{width:90px;height:38px}.skeleton-heading{width:150px;height:20px;margin-bottom:8px}.skeleton-subtext{width:200px;height:14px}.skeleton-chart{width:100%;height:300px;margin-top:16px}.skeleton-chart-small{width:100%;height:280px;margin-top:16px}.skeleton-section-title{width:120px;height:20px;margin-bottom:16px}.skeleton-avatar{width:80px;height:80px;border-radius:50%;flex-shrink:0}.skeleton-name{width:160px;height:22px;margin-bottom:8px}.skeleton-email{width:200px;height:16px;margin-bottom:6px}.skeleton-meta{width:140px;height:14px}.skeleton-text-block{width:100%;height:60px}