.notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.notification{display:flex;align-items:center;gap:14px;min-width:420px;max-width:600px;padding:18px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 28px #00000073;pointer-events:auto;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-message{flex:1;color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.5}.notification-action{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);cursor:pointer;padding:6px 14px;font-size:13px;font-weight:600;border-radius:6px;transition:all .2s ease;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.notification-action:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-1px)}.notification-action:active{transform:translateY(0)}.notification-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:#ffffff1a;color:var(--text-primary)}.notification-success{border-left:4px solid #00ff88}.notification-success .notification-icon{color:#0f8}.notification-error{border-left:4px solid #ff4444}.notification-error .notification-icon{color:#f44}.notification-warning{border-left:4px solid #ffaa00}.notification-warning .notification-icon{color:#fa0}.notification-info{border-left:4px solid #00aaff}.notification-info .notification-icon{color:#0af}@media(max-width:768px){.notification-container{top:10px;left:50%;transform:translate(-50%);right:auto;width:calc(100% - 20px);max-width:540px;gap:10px}.notification{min-width:auto;max-width:none;width:100%;padding:16px}.notification-message{font-size:14px;font-weight:500;line-height:1.4}}@media(max-width:480px){.notification-container{top:8px;left:50%;transform:translate(-50%);right:auto;width:calc(100% - 16px);gap:8px}.notification{padding:14px;gap:10px;border-radius:8px}.notification-message{font-size:13px;font-weight:500}.notification-icon svg{width:18px;height:18px}.notification-close svg{width:16px;height:16px}}.language-switcher{position:relative}.language-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;color:#fffc;font-size:13px;cursor:pointer;transition:all .3s ease}.language-toggle:hover{background:#00ff881a;border-color:#00ff884d;color:#fff}.globe-icon{color:#0f8}.current-lang{font-weight:500}.chevron{transition:transform .2s ease;opacity:.6}.chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:linear-gradient(135deg,#0a0f0a,#000);border:1px solid rgba(0,255,136,.3);border-radius:10px;padding:8px;margin:0;list-style:none;box-shadow:0 8px 24px #0006;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#fffc;font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left}.language-option:hover{background:#00ff881a;color:#fff}.language-option.active{background:#00ff8826;color:#0f8}.lang-flag{font-size:16px}.lang-name{flex:1}.check-icon{color:#0f8}.language-switcher.sidebar .language-toggle{width:100%;justify-content:flex-start;padding:10px 12px}.language-switcher.sidebar .language-dropdown{left:0;right:auto;min-width:100%}.language-switcher.navbar .language-toggle{background:transparent;border-color:transparent;padding:6px 10px}.language-switcher.navbar .language-toggle:hover{background:#00ff881a;border-color:#0f83}.language-switcher.compact .current-lang{display:none}.language-switcher.compact .language-toggle{padding:8px}.language-switcher.compact .chevron{display:none}.language-switcher.footer .language-toggle{background:transparent;border-color:#fff3;padding:6px 12px;font-size:12px}.language-switcher.footer .language-toggle:hover{background:#00ff881a;border-color:#00ff884d}.language-switcher.footer .language-dropdown{bottom:calc(100% + 8px);top:auto}@media(max-width:768px){.language-switcher:not(.sidebar) .current-lang{display:none}.language-switcher:not(.sidebar) .chevron{display:none}.language-dropdown{min-width:140px}}.site-footer{background:linear-gradient(180deg,#0a0f0af2,#000000fa);border-top:1px solid rgba(0,255,136,.1);padding:24px 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-left{display:flex;align-items:center;gap:24px}.copyright{color:#ffffff80;font-size:13px}.footer-right{display:flex;align-items:center;gap:16px}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center}.footer-left,.footer-right{justify-content:center}}.training-course-container{padding:40px 20px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.training-course-layout{display:grid;grid-template-columns:350px 1fr;gap:32px;width:100%}.training-course-sidebar{width:100%}.training-course-main{width:100%;min-width:0}@media(max-width:1200px){.training-course-layout{grid-template-columns:280px 1fr;gap:24px}}@media(max-width:768px){.training-course-container{padding:20px 16px}.training-course-layout{grid-template-columns:1fr;gap:24px}.training-course-sidebar{position:sticky;top:80px;z-index:10;background:var(--background-primary, #000);padding-bottom:16px}}@media(max-width:480px){.training-course-container{padding:16px 12px}.training-course-layout{gap:16px}}@media(max-width:768px){.course-header-icon{font-size:48px!important}.course-header-title{font-size:24px!important;line-height:1.3}.course-header-description{font-size:16px!important}.course-header-stats{gap:16px!important}}@media(max-width:480px){.course-header-icon{font-size:36px!important}.course-header-title{font-size:20px!important}.course-header-description{font-size:14px!important}}@media(max-width:768px){.lesson-card-header{flex-direction:column!important;align-items:stretch!important}.lesson-card-button{width:100%}.lesson-card-title{font-size:20px!important}.lesson-card{padding:16px!important}}@media(max-width:480px){.lesson-card-title{font-size:18px!important}}.workspace-sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#0a0f0a,#000);border-right:1px solid rgba(0,255,136,.1);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;overflow-y:auto;overflow-x:visible;transition:width .3s ease}.workspace-sidebar.collapsed{width:68px}.sidebar-collapse-btn{position:fixed;top:20px;left:268px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#0a0f0a,#1a1f1a);border:1px solid rgba(0,255,136,.3);color:#0f8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:150;transition:all .3s ease;padding:0}.sidebar-collapse-btn:hover{background:#0f83;border-color:#00ff8880;box-shadow:0 0 12px #00ff884d}.workspace-sidebar.collapsed .sidebar-collapse-btn{left:56px}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(0,255,136,.1)}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .3s ease;cursor:pointer}.sidebar-logo:hover{background:#00ff880d;transform:translate(2px)}.sidebar-logo:hover .logo-icon{filter:drop-shadow(0 0 12px rgba(0,255,136,.8));transform:scale(1.05)}.logo-icon{color:#0f8;filter:drop-shadow(0 0 8px rgba(0,255,136,.5));transition:all .3s ease}.logo-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.school-selector{padding:12px 16px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:4px}.school-selector:hover{background:#00ff881a;border-color:#00ff884d;box-shadow:0 0 12px #0f83}.school-name{color:#fff;font-size:14px;font-weight:600}.school-hint{color:#ffffff80;font-size:11px}.sidebar-get-started-btn{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 16px;background:linear-gradient(135deg,#00ff8826,#00ff880d);border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.sidebar-get-started-btn:hover{background:linear-gradient(135deg,#00ff8840,#00ff881a);border-color:#00ff8880;box-shadow:0 4px 12px #0f83}.sidebar-get-started-btn svg{flex-shrink:0}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffb3;text-decoration:none;border-radius:8px;transition:all .3s ease;font-size:14px;font-weight:500;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#0f8;transform:scaleY(0);transition:transform .3s ease}.nav-item:hover{background:#00ff880d;color:#0f8}.nav-item:hover .nav-icon{filter:drop-shadow(0 0 6px rgba(0,255,136,.5))}.nav-item.active{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.2)}.nav-item.active:before{transform:scaleY(1)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}.nav-icon{flex-shrink:0;transition:all .3s ease}.nav-label{flex:1}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(0,255,136,.1);display:flex;flex-direction:column;gap:12px}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#00ff880d;border-radius:8px;cursor:pointer;transition:all .3s ease}.user-profile:hover{background:#00ff881a;box-shadow:0 0 12px #0f83}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0f8,#00d9ff);display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:16px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#fff;font-size:14px;font-weight:600}.user-role{color:#ffffff80;font-size:12px}.workspace-sidebar::-webkit-scrollbar{width:6px}.workspace-sidebar::-webkit-scrollbar-track{background:transparent}.workspace-sidebar::-webkit-scrollbar-thumb{background:#0f83;border-radius:3px}.workspace-sidebar::-webkit-scrollbar-thumb:hover{background:#00ff884d}@media(max-width:1024px){.workspace-sidebar{width:240px}}@media(max-width:768px){.workspace-sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:101}.workspace-sidebar.open{transform:translate(0);box-shadow:2px 0 16px #00000080}.sidebar-collapse-btn{display:none}}.workspace-sidebar.collapsed .sidebar-header{padding:24px 12px}.workspace-sidebar.collapsed .sidebar-logo{justify-content:center;padding:8px;margin-bottom:0}.workspace-sidebar.collapsed .sidebar-nav{padding:16px 8px}.workspace-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.workspace-sidebar.collapsed .sidebar-footer{padding:16px 8px}.workspace-sidebar.collapsed .user-profile{justify-content:center;padding:12px}.workspace-sidebar.collapsed .user-avatar{width:36px;height:36px;font-size:14px}.getstarted-modal-overlay{position:fixed;inset:0 0 0 280px;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}.getstarted-modal-content{background:linear-gradient(135deg,#0a0f0a,#000);border:1px solid rgba(0,255,136,.3);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #0f83}.getstarted-modal-header{padding:24px;border-bottom:1px solid rgba(0,255,136,.1);display:flex;justify-content:space-between;align-items:flex-start}.header-content h2{margin:0 0 8px;color:#0f8;font-size:24px;font-weight:600}.header-subtitle{margin:0;color:#ffffffb3;font-size:14px}.getstarted-modal-header .modal-close{width:32px;height:32px;border-radius:50%;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.getstarted-modal-header .modal-close:hover{background:#ff4d4d33;border-color:#ff4d4d80}.getstarted-modal-body{padding:24px;overflow-y:auto;flex:1}.progress-indicator{margin-bottom:24px}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#00cc6a);border-radius:4px;transition:width .5s ease}.progress-text{font-size:12px;color:#fff9}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0000004d;border:1px solid rgba(0,255,136,.15);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.step-item:hover{background:#00ff880d;border-color:#0f86;transform:translate(4px)}.step-item.completed{border-color:#00ff884d}.step-item.completed .step-title{color:#fff9}.step-item.completed .step-description{color:#fff6}.step-number{flex-shrink:0}.step-check{color:#0f8}.step-circle{color:#ffffff4d}.step-icon-container{width:48px;height:48px;border-radius:12px;background:#00ff881a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon{color:#0f8}.step-item.completed .step-icon-container{background:#00ff880d}.step-item.completed .step-icon{color:#00ff8880}.step-content{flex:1;min-width:0}.step-title{margin:0 0 4px;font-size:16px;font-weight:500;color:#fff}.step-description{margin:0;font-size:13px;color:#fff9;line-height:1.4}.step-arrow{color:#00ff8880;font-size:20px;flex-shrink:0;transition:transform .3s ease}.step-item:hover .step-arrow{transform:translate(4px);color:#0f8}.getstarted-modal-footer{padding:16px 24px;border-top:1px solid rgba(0,255,136,.1);display:flex;gap:12px;justify-content:flex-end}.btn-dismiss{padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff9;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-dismiss:hover{border-color:#fff6;color:#fffc}.btn-close{padding:10px 20px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-close:hover{background:#0f83;border-color:#00ff8880}.get-started-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#00ff8826,#00ff880d);border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.get-started-button:hover{background:linear-gradient(135deg,#00ff8840,#00ff881a);border-color:#00ff8880;transform:translateY(-1px);box-shadow:0 4px 12px #0f83}.get-started-button .button-icon{width:18px;height:18px}@media(max-width:1024px){.getstarted-modal-overlay{left:240px}}@media(max-width:768px){.getstarted-modal-overlay{left:0;padding:16px}.getstarted-modal-content{max-width:100%}.step-item{padding:12px;gap:12px}.step-icon-container{width:40px;height:40px}.step-icon{width:20px;height:20px}.step-title{font-size:14px}.step-description{font-size:12px}}.workspace-container{display:flex;min-height:calc(100vh - 80px);background:#000;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(99,102,241,.03) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(59,130,246,.04) 0px,transparent 50%);position:relative}.workspace-container:before{content:"";position:fixed;inset:80px 0 0;background:linear-gradient(90deg,rgba(100,116,139,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(100,116,139,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.workspace-main{flex:1;margin-left:280px;padding:32px;min-height:100vh;overflow-x:hidden;position:relative;z-index:1;max-width:calc(100vw - 280px);width:100%;transition:margin-left .3s ease,max-width .3s ease}.workspace-container.sidebar-collapsed .workspace-main{margin-left:68px;max-width:calc(100vw - 68px)}@media(max-width:1024px){.workspace-main{margin-left:240px;max-width:calc(100vw - 240px);padding:24px}.workspace-container.sidebar-collapsed .workspace-main{margin-left:68px;max-width:calc(100vw - 68px)}}@media(max-width:768px){.workspace-main{margin-left:0;max-width:100vw;padding:16px}}.mobile-menu-toggle{display:none;position:fixed;top:20px;right:20px;z-index:200;padding:12px;background:linear-gradient(135deg,#00ff88f2,#00d9ffe6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.5);border-radius:8px;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00ff884d,0 0 20px #0f83}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#0f8,#00d9ff);box-shadow:0 6px 16px #0f86,0 0 24px #00ff884d;transform:translateY(-2px)}.mobile-menu-toggle:active{transform:scale(.95) translateY(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}@media(max-width:768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}}.dashboard-page{padding:0;min-height:100%}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,255,136,.2);border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite}.dashboard-error svg{color:#ff4d4d}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-left h1{font-size:28px;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left p{margin:0;color:var(--text-secondary);font-size:14px}.btn-icon-only{width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-only:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8}.btn-icon-only:disabled{opacity:.5;cursor:not-allowed}.get-started-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0f8,#00d9ff);border:none;border-radius:8px;color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.get-started-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00ff884d}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}@media(max-width:1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s}.kpi-card.clickable{cursor:pointer}.kpi-card.clickable:hover{border-color:#00ff884d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.kpi-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kpi-icon{width:18px;height:18px;color:#0f8}.kpi-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex:1}.kpi-info-trigger{position:relative;display:flex;align-items:center;cursor:help;color:var(--text-secondary);opacity:.5;transition:opacity .2s}.kpi-info-trigger:hover{opacity:1}.kpi-info-trigger .kpi-tooltip-content{position:absolute;bottom:calc(100% + 10px);right:-8px;width:240px;padding:10px 12px;background:#0a0a14f5;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:11px;line-height:1.5;color:#ffffffd9;text-transform:none;letter-spacing:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s ease;z-index:100;box-shadow:0 8px 24px #00000080}.kpi-info-trigger .kpi-tooltip-content:after{content:"";position:absolute;bottom:-5px;right:14px;width:8px;height:8px;background:#0a0a14f5;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);transform:rotate(45deg)}.kpi-info-trigger:hover .kpi-tooltip-content{opacity:1;visibility:visible;transform:translateY(0)}.kpi-tooltip-breakdown{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:#ffffffa6}.kpi-tooltip-breakdown span{display:block;margin-top:2px}.kpi-value{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.kpi-number{font-size:32px;font-weight:700;color:#fff}.kpi-unit{font-size:16px;color:var(--text-secondary)}.kpi-time{font-size:20px;font-weight:600;color:#fff}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:12px}.kpi-trend.positive{color:#0f8}.kpi-trend.neutral{color:gold}.kpi-trend.negative{color:#ff4d4d}.kpi-breakdown{display:flex;gap:12px;font-size:11px}.breakdown-item{padding:2px 6px;border-radius:4px}.breakdown-item.critical{background:#ff4d4d33;color:#ff4d4d}.breakdown-item.high{background:#ff8c0033;color:#ff8c00}.kpi-sub{font-size:12px;color:var(--text-secondary)}.compliance-bar-mini{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.compliance-bar-mini .bar-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d9ff);border-radius:2px;transition:width .5s ease}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}@media(max-width:1000px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:1}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.chart-period{font-size:12px;color:var(--text-secondary)}.chart-link{display:flex;align-items:center;gap:4px;font-size:12px;color:#00d9ff;background:none;border:none;cursor:pointer;transition:color .2s}.chart-link:hover{color:#0f8}.chart-container{min-height:180px}.chart-container>.recharts-responsive-container{margin-top:4px}.chart-tooltip{background:#14141ef2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;font-size:12px}.tooltip-label{margin:0 0 4px;color:var(--text-secondary);font-weight:600}.chart-tooltip p{margin:2px 0}.vuln-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:200px}@media(max-width:768px){.charts-grid{overflow:visible}.vuln-summary{grid-template-columns:1fr;gap:16px;overflow:visible}.vuln-summary .donut-section{max-width:none;width:100%;min-width:200px;min-height:220px;display:flex;overflow:visible}.vuln-summary .donut-section>div{min-width:200px!important;width:100%!important}.vuln-summary .severity-bars{width:100%}.chart-card,.chart-container,.risk-matrix-container{overflow:visible!important}.chart-container{min-height:auto}.chart-header{position:relative;z-index:1}}.donut-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;max-width:300px;max-height:200px}.severity-bars{display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0;width:100%}.donut-legend{display:flex;flex-direction:column;gap:4px;margin-top:8px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.severity-bar-item{display:flex;flex-direction:column;gap:4px}.bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.bar-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bar-track .bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.chart-container:has(.risk-matrix-container){display:flex;flex-direction:column;min-height:240px}.chart-container.compliance-container{display:flex;flex-direction:column;min-height:240px}.chart-container.compliance-container .recharts-responsive-container{flex:1}.dashboard-page .risk-matrix-container{display:flex;flex-direction:column;width:100%;padding:0;margin:0;height:200px}.dashboard-page .matrix-content{display:flex;flex:1;gap:16px}.dashboard-page .matrix-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard-page .matrix-right{flex:1;display:flex;align-items:center}.dashboard-page .matrix-grid{display:flex;flex-direction:column;gap:3px}.dashboard-page .matrix-row{display:grid;grid-template-columns:repeat(5,28px);gap:3px}.dashboard-page .matrix-summary{display:flex;flex-direction:column;gap:8px;width:100%}.dashboard-page .summary-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:#ffffff08;border-left:3px solid}.dashboard-page .summary-item.critical{border-left-color:#ff4d4d}.dashboard-page .summary-item.high{border-left-color:#ff8c00}.dashboard-page .summary-item.medium{border-left-color:gold}.dashboard-page .summary-item.low{border-left-color:#0f8}.dashboard-page .summary-value{font-size:18px;font-weight:700;color:#fff;min-width:24px}.dashboard-page .summary-label{font-size:11px;color:#ffffffb3}.dashboard-page .matrix-cell{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;position:relative;cursor:pointer;transition:all .2s ease}.dashboard-page .matrix-cell:hover{transform:scale(1.1);z-index:10}.dashboard-page .matrix-cell.low{background:#00ff8840;border:1px solid rgba(0,255,136,.5)}.dashboard-page .matrix-cell.medium{background:#ffd60040;border:1px solid rgba(255,214,0,.5)}.dashboard-page .matrix-cell.high{background:#ff98004d;border:1px solid rgba(255,152,0,.6)}.dashboard-page .matrix-cell.critical{background:#ff4d4d59;border:1px solid rgba(255,77,77,.7)}.dashboard-page .cell-value{font-size:8px;font-weight:700;color:#ffffffe6}.dashboard-page .cell-count{position:absolute;top:-3px;right:-3px;min-width:12px;height:12px;padding:0 2px;background:#0f8;color:#000;border-radius:6px;font-size:7px;font-weight:700;display:flex;align-items:center;justify-content:center}.dashboard-page .matrix-legend{display:flex;gap:8px;justify-content:center;font-size:8px;flex-shrink:0;margin-top:auto;padding-top:4px}.dashboard-page .matrix-legend .legend-item{display:flex;align-items:center;gap:3px}.dashboard-page .matrix-legend .dot{width:8px;height:8px;border-radius:2px}.dashboard-page .matrix-legend .dot.low{background:#00ff8880}.dashboard-page .matrix-legend .dot.medium{background:#ffd70080}.dashboard-page .matrix-legend .dot.high{background:#ff8c0099}.dashboard-page .matrix-legend .dot.critical{background:#ff4d4db3}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;color:var(--text-secondary);font-size:14px;text-align:center}.no-data .btn-link{margin-top:8px;color:#00d9ff;background:none;border:none;cursor:pointer;font-size:13px}.no-data .btn-link:hover{color:#0f8}.bottom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:1000px){.bottom-grid{grid-template-columns:1fr}}.list-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.list-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.scan-timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:12px;padding:12px;border-radius:8px;transition:background .2s}.timeline-item.clickable:hover{background:#ffffff0d}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#0f8;margin-top:4px;flex-shrink:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.scan-type{font-size:13px;font-weight:600;color:#fff}.scan-time{font-size:11px;color:var(--text-secondary)}.scan-target{font-size:12px;color:var(--text-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-result{font-size:11px;color:#00d9ff}.activity-feed{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.activity-feed::-webkit-scrollbar{width:4px}.activity-feed::-webkit-scrollbar-track{background:transparent}.activity-feed::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.activity-feed::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.activity-item{display:flex;gap:10px;padding:8px;border-radius:6px;transition:background .2s}.activity-item:hover{background:#ffffff08}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-dot.critical{background:#ff4d4d}.activity-dot.high{background:#ff8c00}.activity-dot.warning{background:gold}.activity-dot.success{background:#0f8}.activity-dot.info{background:#00d9ff}.activity-content{flex:1}.activity-text{margin:0 0 2px;font-size:12px;color:var(--text-primary);line-height:1.4}.activity-time{font-size:10px;color:var(--text-secondary)}.recharts-legend-item-text{color:var(--text-secondary)!important}.recharts-cartesian-axis-tick-value{fill:var(--text-secondary)}.dashboard-page{opacity:0;transition:opacity .3s ease}.dashboard-page.visible{opacity:1}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{opacity:0;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.domain-filter-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary)}.domain-filter-selector select{background:transparent;border:none;outline:none;color:#fff;font-size:13px;cursor:pointer;max-width:150px}.domain-filter-selector select option{background:#1a1a2e;color:#fff}.date-range-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary)}.date-range-selector select{background:transparent;border:none;outline:none;color:#fff;font-size:13px;cursor:pointer}.date-range-selector select option{background:#1a1a2e;color:#fff}.export-dropdown{position:relative}.export-dropdown .export-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#14141efa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:100}.export-dropdown:hover .export-menu{opacity:1;visibility:visible;transform:translateY(0)}.export-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:6px;transition:all .2s}.export-menu button:hover{background:#00ff881a;color:#0f8}.action-items-card{grid-column:span 1}.list-header .header-icon{color:#0f8;margin-right:8px}.action-count{background:#ff4d4d33;color:#ff4d4d;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.action-items-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.action-items-list::-webkit-scrollbar{width:4px}.action-items-list::-webkit-scrollbar-track{background:transparent}.action-items-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.action-items-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.action-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s}.action-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.action-priority-bar{width:3px;height:40px;border-radius:2px;flex-shrink:0}.action-priority-bar.critical{background:#ff4d4d}.action-priority-bar.high{background:#ff8c00}.action-priority-bar.medium{background:gold}.action-priority-bar.low{background:#0f8}.action-content{flex:1;min-width:0}.action-content h4{margin:0 0 4px;font-size:13px;font-weight:600;color:#fff}.action-content p{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.4}.action-cta{display:flex;align-items:center;gap:4px;color:#00d9ff;font-size:11px;white-space:nowrap}.no-data.success{color:#0f8}.no-data.success svg{opacity:.7}@media(min-width:1200px){.bottom-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.header-actions{flex-wrap:wrap;gap:8px}.date-range-selector{order:2}.export-dropdown{order:3}.bottom-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-header{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:flex-end}.get-started-button{flex:1;justify-content:center}}.vulnerabilities-page{width:100%;display:block}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0f8,#00d9ff);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ff884d}.export-dropdown-container{position:relative}.export-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#14191efa;border:1px solid rgba(0,255,136,.3);border-radius:8px;box-shadow:0 8px 32px #0006;min-width:180px;z-index:100;overflow:hidden}.export-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.export-dropdown-menu button:hover{background:#00ff881a;color:#0f8}.export-dropdown-menu button:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.vuln-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.stat-card:hover{border-color:#0f86;box-shadow:0 0 20px #00ff8826;transform:translateY(-2px)}.stat-label{font-size:13px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;color:#0f8}.stat-card.critical-stat{border-color:#ff4d4d4d}.stat-card.critical-stat .stat-value{color:#ff4d4d}.stat-card.high-stat{border-color:#ff98004d}.stat-card.high-stat .stat-value{color:#ff9800}.stat-card.medium-stat{border-color:#ffd6004d}.stat-card.medium-stat .stat-value{color:#ffd600}.stat-card.low-stat{border-color:#00d9ff4d}.stat-card.low-stat .stat-value{color:#00d9ff}.filters-section{display:flex;flex-direction:row;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:8px;transition:all .3s ease}.search-box:focus-within{border-color:#0f86;box-shadow:0 0 12px #0f83}.search-box svg{color:#ffffff80}.search-box input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.filters-section select{padding:12px 16px;background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:140px}.filters-section select:hover{border-color:#00ff884d}.filters-section select:focus{outline:none;border-color:#0f86;box-shadow:0 0 12px #0f83}.filters-section select option{background:#0a0f0a;color:#fff}.vulnerabilities-table{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.vulnerabilities-table table{width:100%;min-width:900px;border-collapse:collapse}.vulnerabilities-table thead{background:#0000004d}.vulnerabilities-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,255,136,.1)}.vulnerabilities-table tbody tr{border-bottom:1px solid rgba(0,255,136,.05);transition:all .3s ease}.vulnerabilities-table tbody tr:hover{background:#00ff880d}.vulnerabilities-table td{padding:16px;color:#ffffffe6;font-size:14px}.vuln-title{font-weight:500}.vuln-location{font-family:Courier New,monospace;color:#00d9ff;font-size:13px}.cvss-score{font-weight:600;color:#0f8}.severity-badge,.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.severity-badge.critical{background:#ff4d4d33;color:#ff4d4d;border:1px solid rgba(255,77,77,.4)}.severity-badge.high{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.severity-badge.medium{background:#ffd60033;color:#ffd600;border:1px solid rgba(255,214,0,.4)}.severity-badge.low{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.status-badge.open{background:#ff4d4d33;color:#ff4d4d;border:1px solid rgba(255,77,77,.4)}.status-badge.acknowledged{background:#ffd60033;color:#ffd600;border:1px solid rgba(255,214,0,.4)}.status-badge.inprogress{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.4)}.action-buttons{display:flex;gap:8px}.btn-icon{padding:8px;background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:6px;color:#0f8;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#0f83;border-color:#0f86;transform:scale(1.1)}.no-results{padding:60px 20px;text-align:center;color:#ffffff80}.no-results svg{margin-bottom:16px;opacity:.5}.no-results p{font-size:16px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#0a0f0a,#000);border:1px solid rgba(0,255,136,.3);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #0f83}.modal-header{padding:24px;border-bottom:1px solid rgba(0,255,136,.1);display:flex;justify-content:space-between;align-items:center}.modal-close{width:32px;height:32px;border-radius:50%;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ff4d4d33;transform:rotate(90deg)}.modal-body{padding:24px;overflow-y:auto;flex:1}.detail-row{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,255,136,.05)}.detail-label{font-weight:600;color:#ffffffb3;min-width:150px}.detail-row span:last-child{color:#fff;flex:1}.detail-section{margin:24px 0}.detail-section h3{font-size:16px;font-weight:600;color:#0f8;margin-bottom:12px}.detail-section p{color:#fffc;line-height:1.6}.evidence-box{background:#00000080;border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:16px;font-family:Courier New,monospace;color:#0f8;font-size:13px;overflow-x:auto}.modal-footer{padding:24px;border-top:1px solid rgba(0,255,136,.1);display:flex;gap:12px;justify-content:flex-end}.btn-secondary{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a}.btn-success{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ff884d}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000004d}.modal-body::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#0f86}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid rgba(0,255,136,.1);background:#0003}.pagination-btn{padding:8px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:6px;color:#0f8;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#0f83;border-color:#0f86}.pagination-current{padding:8px 16px;font-size:13px;color:#fffc}@media(max-width:1200px){.vuln-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:16px}.btn-primary{width:100%;justify-content:center}.vuln-stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column}.search-box{min-width:100%}.filters-section select{width:100%}.pagination-controls{flex-direction:column;gap:12px}.pagination-info{text-align:center}}@media(max-width:480px){.vuln-stats-grid{grid-template-columns:1fr}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-btn{padding:6px 10px;font-size:12px}}.pentest-page{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.tabs-container{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid rgba(0,255,136,.1);padding-bottom:0}.tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;position:relative;bottom:-1px}.tab:hover{color:#0f8;background:#00ff880d}.tab.active{color:#0f8;border-bottom-color:#0f8;background:#00ff880d}.tab-content{width:100%}.active-scan-section{margin-bottom:40px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.active-scan-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px}.active-scan-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:24px}.scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.scan-type{display:flex;align-items:center;gap:16px}.scan-icon{color:#0f8;filter:drop-shadow(0 0 8px rgba(0,255,136,.5))}.scan-icon.running{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scan-type h3{font-size:18px;color:#fff;margin:0 0 4px}.scan-time{font-size:13px;color:#fff9}.status-badge.running{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.4);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #a855f766}50%{box-shadow:0 0 20px #a855f799}}.spinning{animation:spin 2s linear infinite}.status-badge.scheduled{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.status-badge.completed{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4);display:flex;align-items:center;gap:4px}.scan-progress{margin-bottom:20px}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#fffc}.progress-bar{height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#0f8);border-radius:4px;transition:width .5s ease;box-shadow:0 0 12px #a855f799}.scan-activity{display:flex;gap:12px;padding:12px 16px;background:#0000004d;border-radius:8px;margin-bottom:16px}.activity-label{font-weight:600;color:#ffffffb3}.activity-text{color:#0f8;font-family:Courier New,monospace;font-size:13px}.scan-log{background:#00000080;border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:16px;max-height:200px;overflow-y:auto;font-family:Courier New,monospace;font-size:12px}.log-line{color:#ffffffb3;margin-bottom:4px;line-height:1.5}.log-line.warn{color:#ffd600}.log-line.error{color:#ff4d4d}.upcoming-scans-section{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.upcoming-scans-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px}.scans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;width:100%}.scan-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:20px;transition:all .3s ease;overflow:hidden;word-wrap:break-word}.scan-card:hover{border-color:#0f86;box-shadow:0 0 20px #00ff8826;transform:translateY(-2px)}.scan-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.scan-card h3{font-size:16px;color:#fff;margin-bottom:16px;word-break:break-word;overflow-wrap:break-word}.scan-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;gap:12px}.detail-label{color:#fff9;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.detail-value{color:#fff;font-weight:500;text-align:right;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.history-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px}.history-table{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;overflow-x:auto;overflow-y:visible}.history-table::-webkit-scrollbar{height:8px}.history-table::-webkit-scrollbar-track{background:#0003;border-radius:4px}.history-table::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:4px}.history-table::-webkit-scrollbar-thumb:hover{background:#00ff8880}.history-table table{width:100%;min-width:1000px;border-collapse:collapse}.history-table thead{background:#0000004d}.history-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,255,136,.1)}.history-table tbody tr{border-bottom:1px solid rgba(0,255,136,.05);transition:all .3s ease}.history-table tbody tr:hover{background:#00ff880d}.history-table td{padding:16px;color:#ffffffe6;font-size:14px}.scan-type-col{font-weight:500}.history-table td.vuln-count{display:table-cell;font-weight:600;text-align:center;vertical-align:middle;padding:16px;flex-direction:unset;align-items:unset;border-radius:0;min-width:unset}.history-table td.vuln-count.critical{color:#ff4d4d}.history-table td.vuln-count.high{color:#ff9800}.history-table td.vuln-count.medium{color:#ffd600}.history-table td.vuln-count.low{color:#00d9ff}.btn-link{background:none;border:none;color:#0f8;text-decoration:underline;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-link:hover{color:#00d9ff}.config-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:24px}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.config-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:20px}.config-card.full-width{grid-column:1 / -1}.config-card h3{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px}.config-select,.config-input,.config-textarea{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease}.config-select:focus,.config-input:focus,.config-textarea:focus{outline:none;border-color:#0f86;box-shadow:0 0 12px #0f83}.config-textarea{resize:vertical}.config-select:disabled,.config-input:disabled{opacity:.5;cursor:not-allowed}.config-actions{display:flex;gap:12px;justify-content:flex-end}.form-group label{display:block;font-size:14px;font-weight:500;color:#fffc;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#0f86;box-shadow:0 0 12px #0f83}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.history-table-view{display:block}.history-card-view{display:none}@media(max-width:1550px){.history-table-view{display:none}.history-card-view{display:block}}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start!important;gap:16px}.page-header .header-content{width:100%}.page-header>div[style*="display: flex"]{width:100%;flex-direction:column!important;gap:8px!important}.page-header button{width:100%;justify-content:center}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab{white-space:nowrap;padding:12px 16px;font-size:13px}.config-grid,.scans-grid,.form-row{grid-template-columns:1fr}}@media(max-width:960px)and (min-width:769px){.page-header{flex-direction:column;align-items:flex-start!important;gap:12px}.page-header .header-content{width:100%}.page-header>div[style*="display: flex"]{width:100%;flex-wrap:wrap!important;gap:8px!important}.page-header button{padding:10px 14px;font-size:13px;white-space:nowrap}.page-header button svg{width:16px;height:16px}}@media(max-width:1024px)and (min-width:961px){.page-header button{padding:10px 16px;font-size:13px}.page-header button svg{width:16px;height:16px}}@media(max-width:1052px)and (min-width:1025px){.page-header>div[style*="display: flex"]{flex-wrap:wrap!important;gap:8px!important}.page-header button{padding:10px 14px;font-size:13px;white-space:nowrap}.page-header button svg{width:16px;height:16px}}.modal-overlay{position:fixed!important;inset:0 0 0 280px!important;background:transparent;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:20px}.modal-content{background:linear-gradient(135deg,#0a0f0a,#000);border:1px solid rgba(0,255,136,.3);border-radius:16px;max-width:600px;width:auto!important;min-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #0f83;position:relative;z-index:10001}.modal-header{padding:24px;border-bottom:1px solid rgba(0,255,136,.1);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10002}.modal-header h2{font-size:24px;font-weight:600;color:#fff;margin:0}.modal-close{width:32px;height:32px;border-radius:50%;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:99999}.modal-close:hover{background:#ff4d4d33;border-color:#ff4d4d80}.modal-body{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin!important;scrollbar-color:rgba(0,255,136,.3) rgba(0,255,136,.05)!important}.modal-body::-webkit-scrollbar{width:8px!important;height:8px!important}.modal-body::-webkit-scrollbar-track{background:#00ff880d!important;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#00ff884d!important;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:#00ff8880!important}.modal-content::-webkit-scrollbar{width:8px!important;height:8px!important}.modal-content::-webkit-scrollbar-track{background:#00ff880d!important;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#00ff884d!important;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.modal-content::-webkit-scrollbar-thumb:hover{background:#00ff8880!important}.modal-footer{padding:20px 24px;border-top:1px solid rgba(0,255,136,.1);display:flex;gap:12px;justify-content:flex-end}.modal-content.report-modal{max-width:900px}.modal-content.help-modal{max-width:1000px}@media(min-width:769px)and (max-width:1024px){.modal-overlay{left:240px!important}}@media(max-width:768px){.modal-overlay{left:0!important;padding:16px}.modal-content,.modal-content.report-modal,.modal-content.help-modal{max-width:100%;min-width:0!important;width:100%!important}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-header h2{font-size:20px}.help-modal table{font-size:12px}.help-modal th,.help-modal td{padding:8px!important}.help-modal ul{font-size:11px;padding-left:16px}.help-modal ul li{margin-bottom:2px}}.scan-report-container{scroll-behavior:auto;overflow-anchor:none}.scan-breakdown-toggle{padding:16px 20px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease,border-color .2s ease}.scan-breakdown-toggle:hover{background:#00d9ff1a;border-color:#00d9ff66}.scan-report-container button,.scan-report-container [role=button]{overflow-anchor:none}.coverage-card,.tier-card,.heatmap-container,.executive-summary-card,.financial-impact-card,.communication-card{transform:translateZ(0);-webkit-transform:translateZ(0)}.pdpo-card{transform:translateZ(0);-webkit-transform:translateZ(0);overflow-anchor:none}.pdpo-card *{overflow-anchor:none}.vulnerability-list-container{overflow-anchor:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.vulnerability-list-container *{overflow-anchor:none}.heatmap-scroll-container{scrollbar-width:thin!important;scrollbar-color:rgba(0,255,136,.3) rgba(0,255,136,.05)!important}.heatmap-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.heatmap-scroll-container::-webkit-scrollbar-track{background:#00ff880d!important;border-radius:4px}.heatmap-scroll-container::-webkit-scrollbar-thumb{background:#00ff884d!important;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.heatmap-scroll-container::-webkit-scrollbar-thumb:hover{background:#00ff8880!important}.tooltip-scroll-container{scrollbar-width:thin!important;scrollbar-color:rgba(0,255,136,.3) rgba(0,255,136,.05)!important}.tooltip-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.tooltip-scroll-container::-webkit-scrollbar-track{background:#00ff880d!important;border-radius:4px}.tooltip-scroll-container::-webkit-scrollbar-thumb{background:#00ff884d!important;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.tooltip-scroll-container::-webkit-scrollbar-thumb:hover{background:#00ff8880!important}.communication-scroll-container{scrollbar-width:thin!important;scrollbar-color:rgba(0,255,136,.3) rgba(0,255,136,.05)!important}.communication-scroll-container::-webkit-scrollbar{width:8px!important;height:8px!important}.communication-scroll-container::-webkit-scrollbar-track{background:#00ff880d!important;border-radius:4px}.communication-scroll-container::-webkit-scrollbar-thumb{background:#00ff884d!important;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.communication-scroll-container::-webkit-scrollbar-thumb:hover{background:#00ff8880!important}.risk-assessment-page{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-content h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{color:#fff9;font-size:16px}.risk-assessment-page .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0f8,#00d9ff);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.risk-assessment-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ff884d}.sra-stakeholders-section,.risk-register-section{margin-bottom:48px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:600;color:#fff;display:flex;align-items:center;gap:12px}.section-header h2 svg{color:#0f8}.section-header.collapsible{cursor:pointer;padding:16px 20px;background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;margin-bottom:0;transition:all .3s ease}.section-header.collapsible:hover{border-color:#0f86;background:linear-gradient(135deg,#00ff8814,#00d9ff0a)}.sra-stakeholders-section.expanded .section-header.collapsible{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;margin-bottom:0}.collapse-toggle{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-icon{color:#fff9;transition:transform .3s ease}.toggle-icon.rotated{transform:rotate(180deg)}.sra-stakeholders-section.expanded .stakeholders-diagram{border-top-left-radius:0;border-top-right-radius:0}.stakeholders-diagram{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:32px}.diagram-center{display:flex;justify-content:center;margin-bottom:32px}.center-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;background:linear-gradient(135deg,#00ff8826,#00d9ff1a);border:2px solid rgba(0,255,136,.4);border-radius:50%;text-align:center;box-shadow:0 0 40px #0f83}.hub-title{font-size:16px;font-weight:700;color:#0f8;margin-bottom:4px}.hub-subtitle{font-size:12px;color:#fff9}.stakeholder-ring{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stakeholder-card{background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:20px;transition:all .3s ease}.stakeholder-card:hover{border-color:#0f86;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.stakeholder-card.leadership{border-top:3px solid #f59e0b}.stakeholder-card.it-admin{border-top:3px solid #00ff88}.stakeholder-card.dpo{border-top:3px solid #00d9ff}.stakeholder-card.dept-heads{border-top:3px solid #a855f7}.stakeholder-card.staff{border-top:3px solid #ec4899}.stakeholder-card.external{border-top:3px solid #6366f1}.stakeholder-icon{font-size:28px;margin-bottom:12px}.stakeholder-card h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.stakeholder-role{font-size:11px;color:#ffffff80;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.stakeholder-duties{list-style:none;padding:0;margin:0}.stakeholder-duties li{font-size:12px;color:#ffffffb3;padding:4px 0 4px 12px;position:relative}.stakeholder-duties li:before{content:"•";position:absolute;left:0;color:#0f89}.process-flow{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.flow-step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f83,#00d9ff1a);border:1px solid rgba(0,255,136,.4);border-radius:50%;font-size:14px;font-weight:600;color:#0f8}.step-label{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.flow-arrow{font-size:18px;color:#00ff8880;margin:0 4px}@media(max-width:1024px){.stakeholder-ring{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stakeholder-ring{grid-template-columns:1fr}.process-flow{flex-wrap:wrap}}.risk-matrix-container{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:24px;margin-bottom:32px}.risk-matrix-container h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px}.risk-matrix-layout{display:flex;gap:32px;align-items:flex-start}.risk-matrix-left{flex-shrink:0}.risk-matrix-right{flex:1;display:flex;flex-direction:column;gap:20px}.risk-summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.summary-stat{padding:16px;border-radius:8px;text-align:center;transition:transform .2s}.summary-stat:hover{transform:translateY(-2px)}.summary-stat.critical{background:#ff4d4d26;border:1px solid rgba(255,77,77,.3)}.summary-stat.high{background:#ff980026;border:1px solid rgba(255,152,0,.3)}.summary-stat.medium{background:#ffd60026;border:1px solid rgba(255,214,0,.3)}.summary-stat.low{background:#00d9ff26;border:1px solid rgba(0,217,255,.3)}.summary-stat .stat-value{display:block;font-size:28px;font-weight:700;color:#fff;line-height:1}.summary-stat.high .stat-value{color:#ff9800}.summary-stat.medium .stat-value{color:#ffd600}.summary-stat.low .stat-value{color:#00d9ff}.summary-stat .stat-label{display:block;font-size:12px;font-weight:600;color:#ffffffe6;margin-top:4px}.summary-stat .stat-range{display:block;font-size:10px;color:#ffffff80;margin-top:2px}.risk-treatment-summary{background:#ffffff08;border-radius:8px;padding:16px}.risk-treatment-summary h4{font-size:13px;font-weight:600;color:#fffc;margin:0 0 12px}.treatment-bars{display:flex;flex-direction:column;gap:8px}.treatment-bar-item{display:flex;flex-direction:column;gap:4px}.treatment-label{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3}.treatment-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.treatment-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d9ff);border-radius:3px;transition:width .3s ease}.matrix-cell.has-risks{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0f80}50%{box-shadow:0 0 8px 2px #00ff884d}}.risk-matrix{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 40px;gap:8px;margin-bottom:16px}.matrix-label{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fffc}.matrix-label-y{grid-row:1;grid-column:1;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.matrix-label-x{grid-row:2;grid-column:2;justify-self:stretch;width:100%;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding-bottom:2px}.risk-matrix{position:relative}.arrow-y{position:absolute;left:15px;top:0;bottom:40px;display:flex;flex-direction:column;align-items:center;width:10px}.arrow-y .arrow-line{flex:1;width:2px;background:linear-gradient(to top,#fff3,#0f89)}.arrow-y .arrow-head{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid rgba(0,255,136,.6)}.arrow-x{position:absolute;left:48px;right:0;bottom:15px;display:flex;flex-direction:row;align-items:center;height:10px}.arrow-x .arrow-line{flex:1;height:2px;background:linear-gradient(to right,#fff3,#0f89)}.arrow-x .arrow-head{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgba(0,255,136,.6)}.matrix-grid{grid-row:1;grid-column:2;display:flex;flex-direction:column;gap:3px;max-width:320px}.matrix-row{display:grid;grid-template-columns:20px repeat(5,52px);gap:3px}.matrix-row-label{display:flex;align-items:center;justify-content:center;font-weight:600;color:#fffc;font-size:13px}.matrix-row-label-bottom{margin-top:4px}.matrix-col-label{display:flex;align-items:center;justify-content:center;font-weight:600;color:#fffc;font-size:13px}.matrix-cell{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:6px;position:relative;cursor:pointer;transition:all .3s ease}.matrix-cell:hover{transform:scale(1.05);z-index:10}.matrix-cell.low{background:#00d9ff33;border:1px solid rgba(0,217,255,.4)}.matrix-cell.medium{background:#ffd60033;border:1px solid rgba(255,214,0,.4)}.matrix-cell.high{background:#ff980033;border:1px solid rgba(255,152,0,.4)}.matrix-cell.critical{background:#ff4d4d33;border:1px solid rgba(255,77,77,.4)}.cell-value{font-size:14px;font-weight:700;color:#fff}.cell-count{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;background:#0f8;color:#000;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.matrix-legend{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;margin-top:12px}.legend-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#ffffffb3}.legend-color{width:20px;height:20px;border-radius:4px}.legend-color.low{background:#00d9ff66;border:1px solid rgba(0,217,255,.6)}.legend-color.medium{background:#ffd60066;border:1px solid rgba(255,214,0,.6)}.legend-color.high{background:#ff980066;border:1px solid rgba(255,152,0,.6)}.legend-color.critical{background:#ff4d4d66;border:1px solid rgba(255,77,77,.6)}.risk-table{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;overflow:hidden}.risk-table table{width:100%;border-collapse:collapse}.risk-table thead{background:#0000004d}.risk-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,255,136,.1)}.risk-table tbody tr{border-bottom:1px solid rgba(0,255,136,.05);transition:all .3s ease}.risk-table tbody tr:hover{background:#00ff880d}.risk-table td{padding:16px;color:#ffffffe6;font-size:14px}.risk-id{font-family:Courier New,monospace;color:#00d9ff;font-weight:600}.risk-title{font-weight:500}.risk-value{text-align:center;font-weight:600;color:#fff}.risk-level-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700}.risk-level-badge.low{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.risk-level-badge.medium{background:#ffd60033;color:#ffd600;border:1px solid rgba(255,214,0,.4)}.risk-level-badge.high{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.risk-level-badge.critical,.status-badge.open{background:#ff4d4d33;color:#ff4d4d;border:1px solid rgba(255,77,77,.4)}.status-badge.in-progress{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.4)}.status-badge.accepted{background:#ffd60033;color:#ffd600;border:1px solid rgba(255,214,0,.4)}@media(max-width:1200px){.activities-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.progress-indicator{width:100%;justify-content:space-between}.activities-grid{grid-template-columns:1fr}.risk-matrix-layout{flex-direction:column}.risk-matrix-right{width:100%}.risk-summary-stats{grid-template-columns:repeat(4,1fr)}.risk-matrix{font-size:12px}.matrix-cell{width:44px;height:44px;font-size:12px}.matrix-row{grid-template-columns:18px repeat(5,44px)}.risk-table{overflow-x:auto}.risk-table table{min-width:900px}}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 16px;height:42px;box-sizing:border-box;font-size:14px}.header-actions .btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);color:#00d9ff;border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s ease}.header-actions .btn-secondary:hover:not(:disabled){background:#00d9ff33;border-color:#00d9ff80}.header-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.source-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.source-badge.vulnerability{background:#ff980033;color:#ff9800}.source-badge.compliance{background:#a855f733;color:#a855f7}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:16px;color:#ffffffb3}.no-data{text-align:center;padding:40px 20px;color:#ffffff80;font-style:italic}.category-badge{font-size:12px}.domain-selector{padding:12px 24px!important;background:#0000004d;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;min-width:200px;align-self:center;margin:0!important}.domain-selector:focus{outline:none;border-color:#0f89}.domain-selector option{background:#1a1a2e;color:#fff}.sync-sources-section{margin-bottom:48px}.sync-sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.sync-source-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#0000004d,#0003);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.sync-source-card:hover{border-color:#00ff884d}.source-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.source-icon.vulnerability{background:#ff980026;color:#ff9800}.source-icon.compliance{background:#a855f726;color:#a855f7}.source-info{flex:1}.source-info h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.source-description{font-size:13px;color:#fff9;margin:0 0 12px}.source-stats{display:flex;gap:16px}.stat-item{font-size:12px;color:#ffffff80}.stat-item strong{color:#fffc}.stat-item.imported strong{color:#0f8}.btn-sync{padding:10px 20px;background:linear-gradient(135deg,#00ff8826,#00d9ff1a);border:1px solid rgba(0,255,136,.4);border-radius:8px;color:#0f8;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-sync:hover:not(:disabled){background:linear-gradient(135deg,#00ff8840,#00d9ff26);border-color:#0f89}.btn-sync:disabled{opacity:.4;cursor:not-allowed}.auto-sync-status{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00ff8814;border:1px solid rgba(0,255,136,.25);border-radius:8px;flex-shrink:0}.status-indicator{width:8px;height:8px;border-radius:50%;background:#6b7280}.status-indicator.active{background:#0f8;box-shadow:0 0 8px #0f89;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #0f89}50%{opacity:.7;box-shadow:0 0 12px #0f8c}}.status-text{font-size:13px;color:#0f8;font-weight:500;white-space:nowrap}@media(max-width:900px){.sync-sources-grid{grid-template-columns:1fr}.sync-source-card{flex-wrap:wrap}.auto-sync-status{width:100%;justify-content:center}}.risk-filters{margin-bottom:20px}.filter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.filter-row select{padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;min-width:140px}.filter-row select:focus{outline:none;border-color:#00ff8880}.filter-row select option{background:#1a1a2e;color:#fff}.search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;flex:1;min-width:200px;max-width:300px}.search-box svg{color:#ffffff80;flex-shrink:0}.search-box input{background:transparent;border:none;color:#fff;font-size:13px;width:100%}.search-box input:focus{outline:none}.filter-summary{font-size:13px;color:#fff9}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 0}.pagination-info{font-size:14px;color:#fff9}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:13px}.pagination-btn:hover:not(:disabled){background:#00ff8826;border-color:#0f86;color:#0f8}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-current{padding:0 12px;font-size:14px;color:#fffc}@media(max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.filter-row select,.search-box{max-width:none;width:100%}}.risk-detail-modal{max-width:720px;max-height:85vh;overflow-y:auto}.risk-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.risk-detail-modal .modal-header-title{display:flex;align-items:center;gap:12px}.risk-detail-modal .modal-header-title h2{margin:0;font-size:20px;font-weight:600;color:#fff}.risk-detail-modal .risk-icon{padding:8px;border-radius:8px}.risk-detail-modal .risk-icon.critical{color:#ff4757;background:#ff475726}.risk-detail-modal .risk-icon.high{color:#ff9f43;background:#ff9f4326}.risk-detail-modal .risk-icon.medium{color:#ffd93d;background:#ffd93d26}.risk-detail-modal .risk-icon.low{color:#00d9ff;background:#00d9ff26}.risk-detail-modal .modal-close{background:#ffffff1a;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#fff9;transition:all .2s ease}.risk-detail-modal .modal-close:hover{background:#fff3;color:#fff}.risk-detail-body{padding:24px}.risk-detail-header{margin-bottom:24px}.risk-detail-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px;line-height:1.4}.risk-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.risk-level-badge.large{padding:8px 16px;font-size:14px;font-weight:600}.risk-detail-section{margin-bottom:24px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.risk-detail-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.risk-detail-section h4 svg{color:#00d9ff}.risk-scoring-grid{display:grid;gap:16px}.scoring-item{display:grid;grid-template-columns:100px 60px 1fr;align-items:center;gap:12px}.scoring-item.inherent{padding-top:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.scoring-label{font-size:13px;color:#fff9}.scoring-value{font-size:14px;font-weight:600;color:#fff;text-align:right}.scoring-value.critical{color:#ff4757}.scoring-value.high{color:#ff9f43}.scoring-value.medium{color:#ffd93d}.scoring-value.low{color:#00d9ff}.scoring-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.scoring-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d9ff);border-radius:4px;transition:width .3s ease}.scoring-fill.critical{background:linear-gradient(90deg,#ff4757,#ff6b7a)}.scoring-fill.high{background:linear-gradient(90deg,#ff9f43,#ffb366)}.scoring-fill.medium{background:linear-gradient(90deg,#ffd93d,#ffe066)}.scoring-fill.low{background:linear-gradient(90deg,#00d9ff,#4de5ff)}.risk-description{font-size:14px;line-height:1.6;color:#fffc;margin:0}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#fff;font-weight:500}.compliance-section{border-color:#0f83;background:#00ff8808}.compliance-section h4 svg{color:#0f8}.compliance-details{display:flex;flex-direction:column;gap:16px}.compliance-item{display:flex;flex-direction:column;gap:6px}.compliance-item.warning{padding:12px;background:#ff9f431a;border:1px solid rgba(255,159,67,.3);border-radius:8px}.compliance-label{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.dpp-badges{display:flex;flex-wrap:wrap;gap:8px}.dpp-badge{padding:6px 12px;background:#ff475726;border:1px solid rgba(255,71,87,.3);border-radius:6px;font-size:13px;font-weight:600;color:#ff6b7a}.regulatory-risk{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase}.regulatory-risk.critical{background:#ff475726;border:1px solid rgba(255,71,87,.3);color:#ff6b7a}.regulatory-risk.high{background:#ff9f4326;border:1px solid rgba(255,159,67,.3);color:#ff9f43}.regulatory-risk.medium{background:#ffd93d26;border:1px solid rgba(255,217,61,.3);color:#ffd93d}.regulatory-risk.low{background:#00d9ff26;border:1px solid rgba(0,217,255,.3);color:#00d9ff}.fine-potential{font-size:14px;color:#ff9f43;font-weight:500}.data-at-risk{display:flex;flex-wrap:wrap;gap:8px}.data-item{padding:4px 10px;background:#ffffff14;border-radius:4px;font-size:13px;color:#fffc}.edu-bureau-impact{font-size:14px;color:#ff9f43;font-weight:500}.source-section{border-color:#00d9ff33;background:#00d9ff08}.source-info{display:flex;flex-direction:column;gap:4px}.source-type{font-size:14px;color:#00d9ff;font-weight:500}.source-id{font-size:12px;color:#ffffff80;font-family:monospace}.source-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#00d9ff26,#00ff881a);border:1px solid rgba(0,217,255,.4);border-radius:6px;color:#00d9ff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.source-link:hover{background:linear-gradient(135deg,#00d9ff40,#0f83);border-color:#00d9ff99;transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff33}.source-link .scan-id{font-family:monospace;font-weight:600}.source-link svg{opacity:.7}.source-link:hover svg{opacity:1}.risk-detail-modal .modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}@media(max-width:640px){.risk-detail-modal{max-width:100%;margin:16px;max-height:calc(100vh - 32px)}.details-grid{grid-template-columns:1fr}.scoring-item{grid-template-columns:80px 50px 1fr}}.quick-add-section{margin-bottom:20px}.quick-add-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-add-toggle:hover{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef444480}.quick-add-toggle.active{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444499}.quick-add-toggle svg:last-child{margin-left:auto;transition:transform .2s ease}.quick-add-toggle svg:last-child.rotated{transform:rotate(180deg)}.apt-templates-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;padding:16px;background:#0003;border-radius:10px;max-height:280px;overflow-y:auto}.apt-template-card{display:flex;gap:14px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s ease}.apt-template-card:hover{background:#ef444414;border-color:#ef44444d;transform:translate(4px)}.template-icon{font-size:28px;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border-radius:8px}.template-content{flex:1;min-width:0}.template-content h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.template-content p{font-size:12px;color:#ffffff80;margin-bottom:8px;line-height:1.4}.template-meta{display:flex;gap:10px;align-items:center}.template-meta .risk-score{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.template-meta .risk-score.high{background:#ef444433;color:#ef4444}.template-meta .risk-score.medium{background:#f9731633;color:#f97316}.template-subcategory{font-size:11px;color:#fff6}.form-divider{position:relative;text-align:center;margin:20px 0}.form-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.form-divider span{position:relative;background:#1a1d23;padding:0 16px;color:#fff6;font-size:13px}.security-audit-page{width:100%}.demo-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ff980026,#ffc1071a);border:1px solid rgba(255,152,0,.4);border-radius:12px;margin-bottom:24px;color:#ffb74d;font-size:14px}.demo-banner svg{flex-shrink:0;color:#ff9800}.demo-banner strong{color:#ff9800;letter-spacing:1px}.sa-checklist-section{margin-bottom:48px}.progress-indicator{display:flex;align-items:center;gap:16px}.progress-ring{position:relative;width:48px;height:48px}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-bg{fill:none;stroke:#00ff881a;stroke-width:3}.progress-ring-fill{fill:none;stroke:#0f8;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#0f8}.progress-label{font-size:14px;color:#ffffffb3}.checklist-table{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;overflow:hidden}.checklist-table table{width:100%;border-collapse:collapse}.checklist-table thead{background:#0000004d}.checklist-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,255,136,.1)}.checklist-row{border-bottom:1px solid rgba(0,255,136,.05);transition:all .3s ease}.checklist-row:hover{background:#00ff880d}.checklist-row.completed{background:#00ff8808}.checklist-row td{padding:16px;color:#ffffffe6;font-size:14px;vertical-align:middle}.status-checkbox{cursor:pointer;display:flex;align-items:center;justify-content:center}.status-icon{transition:all .2s ease}.status-icon.completed{color:#0f8}.status-icon.in-progress{color:#00d9ff}.status-icon.not-started{color:#ffffff4d}.status-checkbox:hover .status-icon{transform:scale(1.1)}.activity-number{font-family:Courier New,monospace;color:#00d9ff;font-weight:600;font-size:13px}.activity-description{color:#ffffffe6;line-height:1.4}.activity-description.completed{text-decoration:line-through;color:#ffffff80}.activity-due{font-size:13px;color:#fff9}.progress-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.progress-badge.completed{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.progress-badge.in-progress{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.progress-badge.not-started{background:#ffffff1a;color:#ffffff80;border:1px solid rgba(255,255,255,.2)}.findings-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.summary-card:hover{border-color:#0f86;box-shadow:0 0 20px #00ff8826;transform:translateY(-2px)}.summary-card.high{border-color:#ff98004d}.summary-card.medium{border-color:#ffd6004d}.summary-card.low{border-color:#00d9ff4d}.summary-label{font-size:13px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:32px;font-weight:700;color:#0f8}.summary-value.success{color:#0f8}.summary-card.high .summary-value{color:#ff9800}.summary-card.medium .summary-value{color:#ffd600}.summary-card.low .summary-value{color:#00d9ff}.findings-table{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;overflow:hidden}.findings-table table{width:100%;border-collapse:collapse}.findings-table thead{background:#0000004d}.findings-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(0,255,136,.1)}.findings-table tbody tr{border-bottom:1px solid rgba(0,255,136,.05);transition:all .3s ease}.findings-table tbody tr:hover{background:#00ff880d}.findings-table td{padding:16px;color:#ffffffe6;font-size:14px}.finding-id{font-family:Courier New,monospace;color:#00d9ff;font-weight:600}.finding-title{font-weight:500}.status-badge.in-remediation{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.4)}.status-badge.resolved{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}@media(max-width:768px){.findings-summary{grid-template-columns:repeat(2,1fr)}.findings-table{overflow-x:auto}.findings-table table{min-width:900px}}.compliance-page{width:100%}.loading-container,.error-container,.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:16px;margin-top:32px}.loading-icon,.error-icon,.no-data-icon{color:#0f8;margin-bottom:16px}.error-icon{color:#ff4d4d}.no-data-icon{color:#ffd600}.loading-container p,.error-container p,.no-data-container p{color:#ffffffb3;margin-top:8px}.error-container h3,.no-data-container h3{color:#fff;margin-bottom:8px}.error-container .btn-primary{margin-top:16px}.framework-tabs{display:flex;gap:8px;margin-bottom:32px;padding:8px;background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px}.framework-tab{flex:1;padding:12px 24px;background:transparent;border:1px solid transparent;border-radius:8px;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.framework-tab:hover:not(.disabled){background:#00ff880d;color:#0f8}.framework-tab.active{background:linear-gradient(135deg,#0f8,#00d9ff);color:#000;border-color:transparent;box-shadow:0 0 20px #00ff884d}.framework-tab.disabled{opacity:.4;cursor:not-allowed}.domain-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:12px}.domain-selector label{color:#fffc;font-size:14px;font-weight:600}.domain-selector select{flex:1;max-width:400px;padding:10px 16px;background:#0006;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.domain-selector select:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.pdpo-overview{margin-bottom:32px}.overview-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;margin-bottom:32px}.status-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.status-card:hover{border-color:#00ff8880;box-shadow:0 8px 32px #0f83;transform:translateY(-2px)}.status-card.main-status{padding:32px}.status-card.critical,.status-card.main-status.critical{border-color:#ff4d4d80;background:linear-gradient(135deg,#ff4d4d1a,#ff00000d)}.status-card.warning{border-color:#ffd60080;background:linear-gradient(135deg,#ffd6001a,#ffaa000d)}.status-card.success{border-color:#00ff8880;background:linear-gradient(135deg,#00ff881a,#00d9ff0d)}.status-card.info{border-color:#00d9ff80;background:linear-gradient(135deg,#00d9ff1a,#0096ff0d)}.status-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#0000004d;color:#0f8}.status-card.critical .status-icon-wrapper{color:#ff4d4d}.status-card.warning .status-icon-wrapper{color:#ffd600}.main-status .status-icon-wrapper{width:64px;height:64px}.status-content h3{font-size:14px;font-weight:600;color:#fffc;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.status-content h4{font-size:12px;font-weight:600;color:#ffffffb3;margin-bottom:4px;text-transform:uppercase}.status-value{font-size:24px;font-weight:800;color:#fff}.main-status .status-value{font-size:32px;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-card.critical .status-value,.main-status.critical .status-value{background:linear-gradient(135deg,#ff4d4d,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-content p{font-size:12px;color:#ffffff80;margin-top:4px}.dpp-breakdown{margin-top:32px}.dpp-breakdown h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.dpp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dpp-card{background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:20px;transition:all .3s ease}.dpp-card.violated{border-color:#ff4d4d66;background:linear-gradient(135deg,#ff4d4d0d,#0000004d)}.dpp-card.compliant{border-color:#00ff884d}.dpp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dpp-code{font-size:12px;font-weight:700;color:#00d9ff;padding:2px 8px;background:#00d9ff1a;border-radius:4px}.dpp-status-icon.warning{color:#ff4d4d}.dpp-status-icon.success{color:#0f8}.dpp-card h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.dpp-description{font-size:12px;color:#fff9;line-height:1.5}.dpp-violation-count{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,77,77,.2);font-size:12px;font-weight:600;color:#ff4d4d}.domain-list-section{margin-bottom:32px}.domain-list-section h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.domain-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.domain-compliance-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease}.domain-compliance-card:hover,.domain-compliance-card.selected{border-color:#00ff8880;box-shadow:0 8px 32px #0f83;transform:translateY(-2px)}.domain-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.domain-name{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff}.domain-name svg{color:#00d9ff}.domain-risk-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.domain-risk-badge.risk-high{background:#ff4d4d33;color:#ff4d4d}.domain-risk-badge.risk-medium{background:#ffd60033;color:#ffd600}.domain-risk-badge.risk-low{background:#0f83;color:#0f8}.domain-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:16px}.domain-status.status-noncompliant{color:#ff4d4d}.domain-status.status-partial{color:#ffd600}.domain-status.status-compliant{color:#0f8}.domain-stats{display:flex;gap:16px;padding:12px 0;border-top:1px solid rgba(0,255,136,.1);border-bottom:1px solid rgba(0,255,136,.1)}.domain-stats .stat{flex:1;text-align:center}.domain-stats .stat-label{display:block;font-size:11px;color:#fff9;margin-bottom:4px}.domain-stats .stat-value{font-size:18px;font-weight:700;color:#fff}.domain-stats .stat-value.critical{color:#ff4d4d}.data-at-risk{margin-top:12px;font-size:12px}.data-at-risk .risk-label{color:#fff9}.data-at-risk .risk-items{color:#ffd600;margin-left:4px}.data-at-risk .more-items{color:#ffffff80;margin-left:4px}.domain-alerts{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.alert-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600}.alert-badge.breach{background:#ff4d4d33;color:#ff4d4d}.alert-badge.edb{background:#ffd60033;color:#ffd600}.domain-card-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:center}.scan-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80}.view-scan-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;color:#0f8;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-scan-btn:hover{background:#0f83;border-color:#0f8}.issues-section{margin-bottom:32px;overflow-anchor:none}.issues-section h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.no-issues{padding:40px;text-align:center;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:12px}.no-issues p{color:#ffffffb3}.issues-list{display:flex;flex-direction:column;gap:12px;min-height:400px}.issue-item{background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:12px;overflow:hidden;transition:all .3s ease}.issue-item:hover{border-color:#0f86}.issue-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer}.issue-main{display:flex;align-items:flex-start;gap:12px}.issue-main svg{margin-top:2px}.severity-critical{color:#ff4d4d}.severity-high{color:#f80}.severity-medium{color:#ffd600}.severity-low{color:#00d9ff}.issue-info h4{font-size:15px;font-weight:600;color:#fff;margin-bottom:8px}.issue-tags{display:flex;flex-wrap:wrap;gap:6px}.risk-tag,.severity-tag,.dpp-tag{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.risk-tag.risk-critical{background:#ff4d4d33;color:#ff4d4d}.risk-tag.risk-high{background:#f803;color:#f80}.risk-tag.risk-medium{background:#ffd60033;color:#ffd600}.risk-tag.risk-low{background:#00d9ff33;color:#00d9ff}.severity-tag.severity-critical{background:#ff4d4d33;color:#ff4d4d}.severity-tag.severity-high{background:#f803;color:#f80}.severity-tag.severity-medium{background:#ffd60033;color:#ffd600}.severity-tag.severity-low{background:#00d9ff33;color:#00d9ff}.dpp-tag{background:#00d9ff1a;color:#00d9ff}.issue-domains{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff9}.issue-details{padding:20px;background:#0003;border-top:1px solid rgba(0,255,136,.1)}.detail-row{margin-bottom:16px}.detail-row:last-child{margin-bottom:0}.detail-row strong{display:block;font-size:12px;color:#ffffffb3;margin-bottom:6px;text-transform:uppercase}.detail-row p{color:#ffffffe6;font-size:14px;line-height:1.5}.domains-list,.data-risk-list{display:flex;flex-wrap:wrap;gap:6px}.domain-chip,.data-chip{padding:4px 10px;background:#00d9ff1a;border-radius:4px;font-size:12px;color:#00d9ff}.data-chip{background:#ffd6001a;color:#ffd600}.fine-potential{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ff4d4d1a;border-radius:8px}.fine-potential svg{color:#ff4d4d}.fine-potential strong{display:inline;margin-bottom:0}.fine-potential span{color:#ff4d4d;font-weight:600}.actions-list{padding-left:20px;color:#ffffffe6;font-size:14px}.actions-list li{margin-bottom:6px}.edb-impact{padding:12px 16px;background:#ffd6001a;border-radius:8px}.edb-impact p{color:#ffd600}.trend-section{margin-bottom:32px;background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:16px;padding:24px}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.trend-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.trend-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600}.trend-indicator.improving{background:#00ff881a;color:#0f8}.trend-indicator.worsening{background:#ff4d4d1a;color:#ff4d4d}.trend-indicator.stable{background:#00d9ff1a;color:#00d9ff}.chart-container{display:flex;align-items:flex-end;gap:8px;height:200px;padding:20px 0}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;min-width:40px}.bar-wrapper{width:100%;height:160px;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:80%;max-width:40px;min-height:4px;border-radius:4px 4px 0 0;position:relative;transition:all .3s ease}.chart-bar:hover{opacity:.8}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#fffc}.bar-label{margin-top:8px;font-size:10px;color:#fff9;text-align:center;white-space:nowrap}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,255,136,.1)}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3}.legend-color{width:12px;height:12px;border-radius:3px}.recommendations-section{margin-bottom:32px}.recommendations-section h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{display:flex;gap:16px;padding:20px;background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:12px;transition:all .3s ease}.recommendation-item:hover{border-color:#0f86}.recommendation-item.priority-immediate{border-left:3px solid #ff4d4d}.recommendation-item.priority-urgent{border-left:3px solid #ff8800}.recommendation-item.priority-high{border-left:3px solid #ffd600}.recommendation-item.priority-normal{border-left:3px solid #00d9ff}.rec-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#0000004d;flex-shrink:0}.priority-immediate .rec-icon{color:#ff4d4d}.priority-urgent .rec-icon{color:#f80}.priority-high .rec-icon{color:#ffd600}.priority-normal .rec-icon{color:#00d9ff}.rec-content{flex:1}.rec-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.priority-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.priority-badge.priority-immediate{background:#ff4d4d33;color:#ff4d4d}.priority-badge.priority-urgent{background:#f803;color:#f80}.priority-badge.priority-high{background:#ffd60033;color:#ffd600}.priority-badge.priority-normal{background:#00d9ff33;color:#00d9ff}.rec-header h4{font-size:15px;font-weight:600;color:#fff;margin:0}.rec-content p{font-size:13px;color:#ffffffb3;line-height:1.5}.rec-domains{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#ffffff80}.recommendation-item{overflow:hidden}.rec-main{display:flex;gap:16px;padding:20px;cursor:pointer;transition:background .3s ease}.rec-main:hover{background:#00ff8808}.rec-expand-icon{display:flex;align-items:center;color:#ffffff80;transition:color .3s ease}.recommendation-item:hover .rec-expand-icon{color:#0f8}.rec-details{padding:20px 20px 20px 76px;border-top:1px solid rgba(0,255,136,.1);margin-top:-8px}.rec-detail-section{margin-bottom:20px}.rec-detail-section:last-child{margin-bottom:0}.rec-detail-section h5{font-size:12px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.rec-detail-section p{font-size:14px;color:#fffc;line-height:1.6}.rec-steps{padding-left:20px;margin:0}.rec-steps li{font-size:14px;color:#fffc;margin-bottom:8px;line-height:1.5}.rec-steps li:last-child{margin-bottom:0}.rec-resources{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.resource-link{display:inline-flex;align-items:center;gap:6px;color:#0f8;text-decoration:none;font-size:14px;padding:8px 12px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:6px;transition:all .3s ease}.resource-link:hover{background:#00ff881a;border-color:#0f86;transform:translate(4px)}.resource-link svg{flex-shrink:0}.priority-badge.priority-medium{background:#ffd60026;color:#ffd600}.recommendation-item.priority-medium{border-left:3px solid #ffd600}.priority-medium .rec-icon{color:#ffd600}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding:16px;background:#00ff8808;border-radius:8px;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;color:#0f8;font-size:14px;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#0f83;border-color:#0f8}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:4px}.page-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#a0a0a0;font-size:14px;cursor:pointer;transition:all .3s ease}.page-btn.active{background:#0f83;border-color:#0f8;color:#0f8;font-weight:600}.page-ellipsis{color:#666;padding:0 8px}.pagination-info{color:#666;font-size:13px;margin-left:12px}@media(max-width:1200px){.overview-grid{grid-template-columns:1fr 1fr}.status-card.main-status{grid-column:1 / -1}.dpp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.overview-grid,.dpp-grid,.domain-cards{grid-template-columns:1fr}.framework-tabs{flex-direction:column}.domain-selector{flex-direction:column;align-items:stretch}.domain-selector select{max-width:none}.issue-header{flex-direction:column;gap:12px;align-items:flex-start}.chart-container{overflow-x:auto}.pagination-controls{flex-direction:column;gap:16px}.pagination-info{margin-left:0}}.cyber-fortune-page{padding:32px;max-width:1400px;margin:0 auto;background:radial-gradient(ellipse at top,rgba(75,0,130,.1),transparent 60%),radial-gradient(ellipse at bottom,rgba(25,0,51,.15),transparent 60%)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid transparent;-o-border-image:linear-gradient(90deg,transparent,rgba(218,165,32,.5),transparent) 1;border-image:linear-gradient(90deg,transparent,rgba(218,165,32,.5),transparent) 1}.page-header .header-content{flex:1}.page-header .header-actions{display:flex;align-items:center;gap:12px}.domain-selector{padding:10px 16px;background:#4b00824d;border:2px solid rgba(218,165,32,.4);border-radius:8px;color:#daa520;font-size:14px;cursor:pointer;min-width:160px;transition:all .3s ease}.domain-selector:hover{border-color:#daa52099;background:#4b008280}.domain-selector:focus{outline:none;border-color:#daa520;box-shadow:0 0 15px #daa5204d}.domain-selector option{background:#1a0033;color:#daa520}.page-header h1{font-size:36px;font-weight:900;margin-bottom:8px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#daa520,gold,orange,#daa520);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(218,165,32,.5);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.page-header p{color:var(--text-secondary);font-size:16px;font-style:italic}.fortune-crystal-container{background:linear-gradient(135deg,#4b008233,#1900334d);border:2px solid rgba(218,165,32,.3);border-radius:24px;padding:40px;margin-bottom:48px;box-shadow:0 8px 32px #4b008266,inset 0 0 60px #daa5200d;position:relative;overflow:hidden}.fortune-crystal-container:before{content:"✦";position:absolute;top:20px;left:30px;font-size:24px;color:#daa5204d;animation:pulse 2s ease-in-out infinite}.fortune-crystal-container:after{content:"✦";position:absolute;bottom:20px;right:30px;font-size:24px;color:#daa5204d;animation:pulse 2s ease-in-out infinite 1s}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.fortune-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.fortune-header h2{font-size:28px;font-weight:700;color:#daa520;text-shadow:0 0 20px rgba(218,165,32,.6)}.fortune-header .header-right{display:flex;align-items:center;gap:16px}.trend-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trend-indicator.improving{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.trend-indicator.stable{background:#00d9ff26;color:#00d9ff;border:1px solid rgba(0,217,255,.3)}.trend-indicator.worsening{background:#ff4d4d26;color:#ff4d4d;border:1px solid rgba(255,77,77,.3)}.last-updated{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-style:italic}.crystal-ball-wrapper{display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:center}.crystal-ball{position:relative;display:flex;flex-direction:column;align-items:center;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.crystal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;opacity:.6;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}.crystal-orb{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 40%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.4),transparent 60%),radial-gradient(ellipse at center,#8a2be266,#4b008299);border:3px solid rgba(218,165,32,.5);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 60px #4b008299,inset 0 0 60px #8a2be266}.mystical-symbols{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mystical-symbols .symbol{position:absolute;font-size:36px;opacity:.3;color:#daa520;text-shadow:0 0 20px rgba(218,165,32,.8)}.symbol.rotating{animation:rotate 20s linear infinite}.symbol.rotating-reverse{animation:rotate 15s linear infinite reverse}.symbol.pulsing{animation:pulse 3s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0) translate(80px) rotate(0)}to{transform:rotate(360deg) translate(80px) rotate(-360deg)}}.risk-revelation{position:relative;z-index:2;text-align:center}.risk-score-mystical{font-size:64px;font-weight:900;text-shadow:0 0 30px currentColor;margin-bottom:8px;animation:numberPulse 2s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.risk-label-mystical{font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.risk-level-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:2px solid;border-radius:24px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crystal-stand{width:120px;height:40px;background:linear-gradient(135deg,#daa5204d,#b8860b80);border:2px solid rgba(218,165,32,.5);border-radius:50%/60% 60% 40% 40%;box-shadow:0 8px 16px #0006;margin-top:-20px}.fortune-prophecy{display:flex;flex-direction:column;gap:24px}.prophecy-scroll{background:linear-gradient(135deg,#19003399,#4b008266);border:2px solid rgba(218,165,32,.4);border-radius:16px;padding:32px;position:relative;box-shadow:0 8px 24px #0000004d}.scroll-decoration{text-align:center;color:#daa52099;font-size:14px;letter-spacing:4px;margin:12px 0}.prophecy-text{font-size:18px;line-height:1.8;color:#ffffffe6;text-align:center;font-style:italic;margin:24px 0}.fate-stars{display:flex;justify-content:center;gap:12px;font-size:32px}.fate-stars .star{transition:all .3s ease;filter:drop-shadow(0 0 8px currentColor);animation:starTwinkle 2s ease-in-out infinite}.fate-stars .star:nth-child(1){animation-delay:0s}.fate-stars .star:nth-child(2){animation-delay:.2s}.fate-stars .star:nth-child(3){animation-delay:.4s}.fate-stars .star:nth-child(4){animation-delay:.6s}.fate-stars .star:nth-child(5){animation-delay:.8s}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.crystal-ball-meta{display:flex;justify-content:center;gap:24px;margin:20px 0;padding:16px;background:#0003;border-radius:12px;border:1px solid rgba(218,165,32,.2)}.crystal-ball-meta .meta-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#ffffff0d}.crystal-ball-meta .meta-label{font-size:11px;text-transform:uppercase;color:#ffffff80;letter-spacing:.5px}.crystal-ball-meta .meta-value{font-size:14px;font-weight:700;color:#daa520}.crystal-ball-meta .meta-item.confidence svg{color:var(--accent-cyan)}.crystal-ball-meta .meta-item.data-quality svg{color:#daa520}.crystal-ball-meta .meta-item.data-quality.excellent .meta-value{color:#0f8}.crystal-ball-meta .meta-item.data-quality.good .meta-value{color:#00d9ff}.crystal-ball-meta .meta-item.data-quality.moderate .meta-value{color:#ffd600}.crystal-ball-meta .meta-item.data-quality.limited .meta-value{color:#ff8c00}.crystal-ball-meta .meta-item.data-quality.insufficient .meta-value{color:#ff4d4d}.score-breakdown{margin-top:20px}.score-breakdown details{background:#0003;border:1px solid rgba(218,165,32,.2);border-radius:12px;overflow:hidden}.score-breakdown summary{padding:12px 16px;cursor:pointer;color:#ffffffb3;font-size:13px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.score-breakdown summary:hover{color:#daa520;background:#daa5201a}.score-breakdown summary::-webkit-details-marker{display:none}.score-breakdown summary:after{content:"▶";font-size:10px;margin-left:auto;transition:transform .3s ease}.score-breakdown details[open] summary:after{transform:rotate(90deg)}.breakdown-content{padding:16px;border-top:1px solid rgba(218,165,32,.1)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:#fffc}.breakdown-item.boost span:last-child{color:#0f8;font-weight:600}.breakdown-item.sources,.breakdown-item.data-points{font-size:12px;color:#fff9}.breakdown-item.data-points span:last-child{font-size:11px;color:var(--accent-cyan)}.breakdown-divider{height:1px;background:#daa52026;margin:8px 0}.fortune-summary{display:flex;justify-content:center;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(218,165,32,.2)}.summary-stat{text-align:center;padding:16px 24px;background:#0000004d;border-radius:12px;border:1px solid rgba(218,165,32,.2);min-width:120px}.summary-stat .stat-value{display:block;font-size:28px;font-weight:700;color:#daa520;margin-bottom:4px}.summary-stat .stat-label{font-size:11px;text-transform:uppercase;color:#fff9;letter-spacing:1px}.summary-stat.critical .stat-value{color:#ff4d4d}.summary-stat.warning .stat-value{color:#ffd600}.summary-stat.info .stat-value{color:#00d9ff}.predictions-section{margin-top:48px}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:700;margin-bottom:32px;color:#daa520;text-shadow:0 0 20px rgba(218,165,32,.6);text-align:center}.tarot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px}.tarot-card{perspective:1000px;animation:cardReveal .6s ease-out forwards;opacity:0}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px) rotateX(-15deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.tarot-card-inner{background:linear-gradient(135deg,#190033e6,#4b0082cc);border:3px solid rgba(218,165,32,.5);border-radius:20px;padding:28px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 0 40px #8a2be21a}.tarot-card-inner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(218,165,32,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.tarot-card:hover .tarot-card-inner{transform:translateY(-8px) scale(1.02);border-color:#daa520cc;box-shadow:0 20px 50px #daa5204d,inset 0 0 60px #8a2be233}.tarot-card:hover .tarot-card-inner:before{opacity:1}.tarot-border-top,.tarot-border-bottom{position:absolute;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,rgba(218,165,32,.6),transparent)}.tarot-border-top{top:12px}.tarot-border-bottom{bottom:12px}.tarot-corners{position:absolute;inset:0;pointer-events:none}.tarot-corners .corner{position:absolute;font-size:20px;color:#daa52099;animation:cornerGlow 3s ease-in-out infinite}.corner.top-left{top:16px;left:16px}.corner.top-right{top:16px;right:16px;animation-delay:.5s}.corner.bottom-left{bottom:16px;left:16px;animation-delay:1s}.corner.bottom-right{bottom:16px;right:16px;animation-delay:1.5s}@keyframes cornerGlow{0%,to{opacity:.4;text-shadow:0 0 5px rgba(218,165,32,.3)}50%{opacity:1;text-shadow:0 0 15px rgba(218,165,32,.8)}}.tarot-header{text-align:center;margin-bottom:20px;position:relative;z-index:1}.threat-icon-mystical{display:flex;justify-content:center;margin-bottom:12px}.icon-glow{font-size:64px;display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.2),transparent);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.divination-line{color:#daa52080;letter-spacing:8px;font-size:16px}.tarot-content{position:relative;z-index:1}.threat-name{font-size:22px;font-weight:700;text-align:center;margin-bottom:8px;color:#daa520;text-shadow:0 0 15px rgba(218,165,32,.5)}.threat-type-mystical{display:block;text-align:center;font-size:12px;color:#fff9;margin-bottom:16px;font-weight:600;letter-spacing:2px}.severity-seal{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:2px solid;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;width:-moz-fit-content;width:fit-content;margin:0 auto 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.prophecy-description{color:#fffc;line-height:1.7;margin-bottom:24px;text-align:center;font-size:14px;font-style:italic}.fate-metrics{background:#0000004d;border:1px solid rgba(218,165,32,.2);border-radius:12px;padding:20px;margin-bottom:20px}.metric-mystical{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(218,165,32,.2)}.metric-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(218,165,32,.6))}.metric-details{flex:1}.metric-label{font-size:11px;text-transform:uppercase;color:#fff9;letter-spacing:1px;margin-bottom:8px;display:block}.probability-mystical{display:flex;align-items:center;gap:12px}.probability-orbs{display:flex;gap:4px;flex:1}.orb{width:8px;height:8px;border-radius:50%;transition:all .3s ease;box-shadow:0 0 8px currentColor}.orb.active{animation:orbPulse 2s ease-in-out infinite}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.metric-value{font-size:20px;font-weight:700;white-space:nowrap}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-small{display:flex;align-items:center;gap:8px;background:#0003;padding:12px;border-radius:8px}.metric-icon-small{font-size:24px}.metric-label-small{font-size:10px;text-transform:uppercase;color:#ffffff80;letter-spacing:.5px;margin-bottom:4px}.metric-value-small{font-size:14px;font-weight:700;color:#daa520}.tarot-footer{text-align:center;position:relative;z-index:1}.real-data-indicators{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(218,165,32,.2);justify-content:center}.data-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.data-indicator.vulns{background:#ff4d4d33;color:#ff6b6b}.data-indicator.compliance{background:#ffd60033;color:#ffd600}.tarot-actions{display:flex;gap:8px}.try-luck-btn{flex:1;padding:12px;background:#8a2be24d;border:2px solid rgba(138,43,226,.5);border-radius:12px;color:#daa520;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.try-luck-btn:hover:not(:disabled){background:#8a2be280;border-color:#8a2be2cc;transform:translateY(-2px)}.try-luck-btn:disabled{opacity:.7;cursor:not-allowed}.try-luck-btn .spinning{animation:spin 1s linear infinite}.reveal-destiny-btn{flex:1;padding:12px;background:#0006;border:2px solid;border-radius:12px;color:#daa520;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.reveal-destiny-btn:hover{background:linear-gradient(135deg,#daa5204d,#b8860b4d);transform:translateY(-2px);box-shadow:0 8px 20px #daa52066}.fortune-modal-overlay{position:fixed;inset:0;background:transparent!important;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.fortune-modal-content{background:linear-gradient(135deg,#190033fa,#4b0082f2);border:2px solid rgba(218,165,32,.5);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}@keyframes modalSlideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fortune-modal-content .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;border-bottom:2px solid transparent;-o-border-image:linear-gradient(90deg,transparent,rgba(218,165,32,.5),transparent) 1;border-image:linear-gradient(90deg,transparent,rgba(218,165,32,.5),transparent) 1}.fortune-modal-content .modal-header h2{font-size:28px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px;color:#daa520;text-shadow:0 0 20px rgba(218,165,32,.6)}.close-btn{background:#0000004d;border:2px solid rgba(218,165,32,.5);color:#daa520;font-size:32px;width:44px;height:44px;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff;transform:rotate(90deg)}.fortune-modal-content .modal-body{padding:32px}.detail-section{margin-bottom:32px}.detail-section h3{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;margin-bottom:16px;color:#daa520;text-shadow:0 0 15px rgba(218,165,32,.5)}.risk-factors-list,.recommendations-list{list-style:none;padding:0}.risk-factors-list li,.recommendations-list li{padding:14px 18px;background:#0000004d;border-left:3px solid var(--accent-red);border-radius:8px;margin-bottom:12px;color:#ffffffe6;line-height:1.6;transition:all .3s ease}.risk-factors-list li:hover,.recommendations-list li:hover{background:#00000080;transform:translate(4px)}.recommendations-list li{border-left-color:var(--primary-color)}.impact-section p{padding:18px;background:#0000004d;border-left:3px solid var(--accent-yellow);border-radius:8px;color:#ffffffe6;line-height:1.7}.vulnerabilities-list,.compliance-list{list-style:none;padding:0}.vuln-item,.compliance-item{padding:14px 18px;background:#0000004d;border-radius:8px;margin-bottom:12px;border-left:3px solid;transition:all .3s ease}.vuln-item:hover,.compliance-item:hover{background:#00000080;transform:translate(4px)}.vuln-item.critical{border-left-color:#ff4d4d}.vuln-item.high{border-left-color:#ff8c00}.vuln-item.medium{border-left-color:#ffd600}.vuln-item.low{border-left-color:#0f8}.compliance-item.critical{border-left-color:#ff4d4d}.compliance-item.high{border-left-color:#ff8c00}.compliance-item.medium{border-left-color:#ffd600}.compliance-item.low{border-left-color:#0f8}.vuln-name,.compliance-violation{display:block;color:#ffffffe6;font-size:14px;margin-bottom:8px;line-height:1.5}.vuln-meta,.compliance-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.severity-badge,.risk-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.severity-badge.critical,.risk-badge.critical{background:#ff4d4d33;color:#ff4d4d}.severity-badge.high,.risk-badge.high{background:#ff8c0033;color:#ff8c00}.severity-badge.medium,.risk-badge.medium{background:#ffd60033;color:#ffd600}.severity-badge.low,.risk-badge.low{background:#0f83;color:#0f8}.domain-badge{padding:3px 8px;background:#8a2be233;border-radius:4px;font-size:10px;color:#daa520}.dpp-badges{display:flex;gap:4px}.dpp-badge{padding:3px 6px;background:#daa52033;border-radius:4px;font-size:10px;font-weight:600;color:#daa520}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading p{color:var(--text-secondary);font-size:16px;font-style:italic}@media(max-width:1024px){.tarot-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.crystal-ball-wrapper{grid-template-columns:1fr;gap:40px}.crystal-ball{max-width:350px;margin:0 auto}}@media(max-width:768px){.cyber-fortune-page{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:28px}.tarot-grid{grid-template-columns:1fr}.crystal-orb{width:220px;height:220px}.risk-score-mystical{font-size:48px}.fortune-modal-content{max-height:95vh}.fortune-modal-content .modal-header,.fortune-modal-content .modal-body{padding:20px}.metric-row{grid-template-columns:1fr}}.mentions-list{list-style:none;padding:0;margin:0}.mention-item{display:flex;align-items:center;gap:12px;padding:12px;background:#00d9ff0d;border-radius:8px;margin-bottom:8px;border:1px solid rgba(0,217,255,.1)}.mention-item .platform-badge{background:#00d9ff33;color:var(--accent-cyan);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.mention-item .mention-content{flex:1;color:var(--text-secondary);font-size:13px}.mention-item .mention-link{color:var(--accent-cyan);font-size:12px;text-decoration:none}.social-stats{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.social-stats .negative{color:#ff4757}.social-stats .threats{color:#ff6b6b;font-weight:600}.alerts-list{list-style:none;padding:0;margin:0}.alert-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffa5000d;border-radius:8px;margin-bottom:8px;border:1px solid rgba(255,165,0,.1)}.alert-item .alert-type{background:#ffa50033;color:var(--accent-yellow);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.alert-item .alert-url{flex:1;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-item .alert-status{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.alert-item .alert-status.new,.alert-item .alert-status.pending{background:#ff475733;color:#ff4757}.alert-item .alert-status.resolved{background:#2ed57333;color:#2ed573}.alert-stats{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.alert-stats .nsfw{color:#ff4757;font-weight:600}.admin-monitor{padding:24px;max-width:1400px;margin:0 auto}.admin-warning-header{background:linear-gradient(135deg,#ff4d4d33,#ff980033);border:2px solid rgba(255,77,77,.5);border-radius:12px;padding:20px;margin-bottom:32px;display:flex;align-items:center;gap:16px}.admin-warning-header svg{color:#ff4d4d;flex-shrink:0}.admin-warning-header h2{font-size:18px;font-weight:700;color:#ff4d4d;margin:0 0 4px}.admin-warning-header p{font-size:14px;color:#fffc;margin:0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--card-bg);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px}.stat-card svg{color:#0f8;flex-shrink:0}.stat-card h3{font-size:32px;font-weight:700;color:#fff;margin:0}.stat-card p{font-size:14px;color:#fff9;margin:4px 0 0}.admin-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.detail-card{background:var(--card-bg);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:20px}.detail-card h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(0,255,136,.1)}.stat-list{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.stat-item span{color:#ffffffb3;display:flex;align-items:center;gap:6px}.stat-item strong{color:#0f8;font-weight:600}.admin-section{margin-bottom:32px}.admin-section h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 16px}.user-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(0,255,136,.2)}.admin-table{width:100%;border-collapse:collapse;background:var(--card-bg)}.admin-table thead{background:#00ff881a}.admin-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#0f8;border-bottom:1px solid rgba(0,255,136,.2)}.admin-table td{padding:16px;font-size:14px;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table tbody tr:hover{background:#00ff880d}.text-success{color:#0f8}.text-danger{color:#ff4d4d}.btn-sm{padding:6px 12px;font-size:13px;border-radius:6px;cursor:pointer;border:none;font-weight:500;transition:all .3s ease}.btn-secondary{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.btn-secondary:hover{background:#00d9ff4d;border-color:#00d9ff99}.admin-timeline-modal{max-width:800px;width:90%;max-height:80vh;overflow-y:auto}.timeline-user-info{background:#00ff880d;border-radius:8px;padding:16px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.timeline-user-info p{margin:0;font-size:14px;color:#fffc}.timeline-user-info strong{color:#fff;margin-right:8px}.timeline-container h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px}.timeline-items{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:16px;padding:16px;background:#ffffff05;border-left:3px solid #00ff88;border-radius:8px}.timeline-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#0f83;display:flex;align-items:center;justify-content:center;color:#0f8}.timeline-action{font-size:14px;color:#fff;margin:0 0 4px}.timeline-time{font-size:12px;color:#ffffff80;margin:0 0 8px}.timeline-detail{font-size:13px;color:#ffffffb3;background:#00ff880d;padding:4px 8px;border-radius:4px}.no-data{text-align:center;padding:40px;color:#ffffff80;font-size:14px}@media(max-width:768px){.admin-monitor{padding:16px}.admin-stats-grid,.admin-details-grid{grid-template-columns:1fr}.user-table-container{overflow-x:scroll}.admin-table{min-width:800px}}.cors-test-section{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.cors-test-input-wrapper{flex:1;min-width:300px}.cors-input-label{display:block;margin-bottom:8px;font-size:14px;color:#ffffffb3}.cors-input{width:100%;padding:10px 12px;background:#0000004d;border:1px solid rgba(0,255,136,.3);border-radius:6px;color:#fff;font-size:14px;box-sizing:border-box}.cors-input:focus{outline:none;border-color:#0f89}.cors-test-btn{height:40px;display:flex;align-items:center;gap:6px}.cors-test-result{padding:10px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px}.cors-test-result.allowed{background:#00ff881a;border:1px solid rgba(0,255,136,.4)}.cors-test-result.denied{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.4)}.cors-test-result .icon-allowed{color:#0f8}.cors-test-result .icon-denied{color:#ff4d4d}.cors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cors-header-buttons{display:flex;gap:8px}.cors-add-btn{display:flex;align-items:center;gap:6px;background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.cors-refresh-btn{display:flex;align-items:center;gap:6px}.cors-info-box{padding:12px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:8px;margin-bottom:16px;font-size:13px;color:#fffc}.cors-origin-code{background:#00ff881a;padding:4px 8px;border-radius:4px;font-size:13px;font-family:monospace}.cors-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.cors-badge.active{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.cors-badge.inactive{background:#ff4d4d33;color:#ff4d4d;border:1px solid rgba(255,77,77,.4)}.cors-expiry{display:flex;align-items:center;gap:4px}.cors-expiry.expired{color:#ff4d4d}.cors-expiry.valid{color:#ffffffb3}.cors-expiry.never{color:#ffffff80}.cors-actions{display:flex;gap:8px}.cors-action-btn{padding:6px 10px;border-radius:4px;cursor:pointer;transition:opacity .2s}.cors-action-btn:hover{opacity:.8}.cors-action-btn.deactivate{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.cors-action-btn.reactivate{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.cors-action-btn.delete{background:#ff4d4d33;color:#ff4d4d;border:1px solid rgba(255,77,77,.4)}.cors-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.cors-modal{background:var(--card-bg);border:1px solid rgba(0,255,136,.3);border-radius:12px;padding:24px;width:90%;max-width:500px}.cors-modal h3{margin-top:0;margin-bottom:20px;color:#fff}.cors-form-group{margin-bottom:16px}.cors-form-group.last{margin-bottom:24px}.cors-form-hint{color:#ffffff80;font-size:12px;margin-top:4px}.cors-modal-actions{display:flex;justify-content:flex-end;gap:12px}.cors-empty-state{text-align:center;color:#ffffff80}.user-timeline-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh}.timeline-header{margin-bottom:24px;display:flex;align-items:center;gap:20px}.timeline-header h1{font-size:28px;font-weight:700;color:#fff;margin:0}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#0f83;border-color:#00ff8880}.timeline-user-card{background:var(--card-bg);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:24px;margin-bottom:32px}.user-card-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,255,136,.1)}.user-card-header h2{font-size:18px;font-weight:600;color:#0f8;margin:0}.user-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.user-info-item{display:flex;align-items:center;gap:12px}.info-label{font-size:14px;color:#fff9;font-weight:500}.info-value{font-size:14px;color:#fff;font-weight:600}.timeline-section{background:var(--card-bg);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:24px}.timeline-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,255,136,.1)}.timeline-section-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.timeline-count{font-size:14px;color:#fff9}.timeline-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.timeline-item{display:flex;gap:16px;padding:20px;background:#ffffff05;border-left:3px solid #00ff88;border-radius:8px;transition:all .3s ease}.timeline-item:hover{background:#00ff880d;border-left-color:#00d9ff}.timeline-item.clickable{cursor:pointer}.timeline-item.clickable:hover{background:#00ff881a;border-left-color:#00d9ff;transform:translate(4px);box-shadow:0 4px 12px #0f83}.timeline-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#0f83;display:flex;align-items:center;justify-content:center;color:#0f8}.timeline-content{flex:1}.timeline-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.timeline-action{font-size:15px;color:#fff;margin:0;font-weight:500}.timeline-action strong{color:#0f8;font-weight:600}.timeline-time{font-size:13px;color:#ffffff80;margin:0;white-space:nowrap}.timeline-data{display:flex;flex-wrap:wrap;gap:12px}.timeline-detail{font-size:13px;color:#ffffffb3;background:#00ff880d;padding:6px 12px;border-radius:6px;border:1px solid rgba(0,255,136,.1)}.timeline-detail strong{color:#ffffffe6;margin-right:4px}.clickable-hint{color:#00d9ff;font-size:13px;font-style:italic;opacity:.8}.role-badge,.tier-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.role-badge.superadmin{background:#ff4d4d33;color:#ff4d4d;border:1px solid rgba(255,77,77,.4)}.role-badge.schooladmin{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.4)}.role-badge.user{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.4)}.tier-badge.platinum{background:#e5e5e533;color:#e5e5e5;border:1px solid rgba(229,229,229,.4)}.tier-badge.gold{background:#ffd60033;color:#ffd600;border:1px solid rgba(255,214,0,.4)}.tier-badge.silver{background:#c0c0c033;color:silver;border:1px solid rgba(192,192,192,.4)}.tier-badge.none{background:#ffffff1a;color:#ffffff80;border:1px solid rgba(255,255,255,.2)}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(0,255,136,.1);gap:16px}.pagination-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:#0f83;border-color:#00ff8880}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:4px}.pagination-text{font-size:14px;font-weight:600;color:#fff}.pagination-range{font-size:12px;color:#fff9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner{animation:spin 1s linear infinite;color:#0f8}.no-data{text-align:center;padding:60px 20px;color:#ffffff80;font-size:14px}@media(max-width:768px){.user-timeline-page{padding:16px}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-header h1{font-size:24px}.user-card-grid{grid-template-columns:1fr}.timeline-header-row{flex-direction:column;align-items:flex-start}.pagination{flex-direction:column}.pagination-button{width:100%;justify-content:center}}.reports-page{width:100%}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:#fff9;font-size:16px}.report-history-section{margin-bottom:48px}.report-history-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:24px}.report-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(0,255,136,.1);padding-bottom:16px;flex-wrap:wrap}.report-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.report-tab:hover:not(.disabled){background:#00ff880d;border-color:#00ff884d;color:#fff}.report-tab.active{background:#00ff881a;border-color:#0f86;color:#fff}.report-tab.disabled{opacity:.5;cursor:not-allowed}.report-tab .lock-icon{margin-left:4px;opacity:.5}.tab-content{background:linear-gradient(135deg,#00ff8808,#00d9ff03);border:1px solid rgba(0,255,136,.15);border-radius:12px;padding:24px}.generate-report-card{display:flex;align-items:center;gap:20px;padding:20px;background:#0000004d;border:1px dashed rgba(0,255,136,.3);border-radius:12px;margin-bottom:24px}.generate-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;flex-shrink:0}.generate-info{flex:1}.generate-info h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.generate-info p{font-size:13px;color:#fff9;margin:0}.btn-generate{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#0f8,#00d9ff);color:#000;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-generate:hover{transform:scale(1.05);box-shadow:0 8px 24px #00ff884d}.reports-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.search-box:focus-within{border-color:#0f86;background:#0006}.search-box svg{color:#fff6;flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px}.search-box input::-moz-placeholder{color:#fff6}.search-box input::placeholder{color:#fff6}.clear-search{padding:4px;background:#ffffff1a;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:#ff4d4d33;color:#ff4d4d}.filter-dropdown{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.filter-dropdown:focus-within{border-color:#0f86}.filter-dropdown svg{color:#fff6;flex-shrink:0}.filter-dropdown select{background:transparent;border:none;outline:none;color:#fff;font-size:14px;cursor:pointer;min-width:120px}.filter-dropdown select option{background:#1a1a1a;color:#fff}.btn-clear-filters{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:8px;color:#ff4d4d;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-clear-filters:hover{background:#ff4d4d33;border-color:#ff4d4d80}.reports-list{display:flex;flex-direction:column;gap:12px;min-height:200px}.reports-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.page-nav{padding:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.page-nav:hover:not(:disabled){background:#00ff881a;border-color:#00ff884d;color:#0f8}.page-nav:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:4px}.page-btn{min-width:36px;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .3s ease}.page-btn:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8}.page-btn.active{background:#0f83;border-color:#00ff8880;color:#0f8;font-weight:600}.ellipsis{color:#fff6;padding:0 4px}.page-info{font-size:12px;color:#ffffff80;margin-left:12px}.report-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease}.report-item:hover{background:#00ff880d;border-color:#0f83}.report-item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:10px;flex-shrink:0}.report-item-info{flex:1;min-width:0}.report-item-info h4{font-size:15px;font-weight:600;color:#fff;margin-bottom:6px}.report-item-info h4 .scan-id{font-weight:400;font-size:13px;color:#ffffff80;font-family:monospace;margin-left:8px}.report-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80}.meta-item svg{opacity:.7}.report-item-actions{flex-shrink:0}.btn-view{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;color:#0f8;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-view:hover{background:#0f83;border-color:#00ff8880}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#ffffff80}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;color:#fffc;margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:20px;max-width:400px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#0f8,#00d9ff);color:#000;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 24px #00ff884d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#fff9}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,255,136,.1);border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.disabled-tab-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#fff6}.disabled-tab-content svg{margin-bottom:16px;opacity:.3}.disabled-tab-content h3{font-size:20px;font-weight:600;color:#fff9;margin-bottom:8px}.disabled-tab-content p{font-size:14px;max-width:400px}.analytics-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:24px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:24px;transition:all .3s ease}.analytics-card.disabled{opacity:.6}.analytics-card:hover{border-color:#00ff884d}.analytics-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:160px;color:#ffffff80;text-align:center}.chart-placeholder svg{margin-bottom:12px;opacity:.3}.chart-placeholder p{font-size:13px;margin-bottom:8px}.coming-soon-badge{display:inline-block;padding:4px 10px;background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:12px;font-size:11px;color:#00ff88b3;margin-top:8px}@media(max-width:768px){.report-tabs{gap:6px}.report-tab{padding:8px 12px;font-size:12px}.report-tab span{display:none}.generate-report-card{flex-direction:column;text-align:center}.generate-info{text-align:center}.report-item{flex-direction:column;align-items:stretch;text-align:center}.report-item-icon{align-self:center}.report-meta{justify-content:center}.report-item-actions{align-self:center}.analytics-grid{grid-template-columns:1fr}.reports-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-dropdown{width:100%}.filter-dropdown select{flex:1}.reports-pagination{gap:6px}.page-info{width:100%;text-align:center;margin-left:0;margin-top:8px}}.settings-page{width:100%}.settings-section{margin-bottom:48px}.settings-section h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:24px;display:flex;align-items:center;gap:12px}.settings-section h2 svg{color:#0f8}.settings-card{background:linear-gradient(135deg,#00ff880d,#00d9ff05);border:1px solid rgba(0,255,136,.2);border-radius:12px;padding:24px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:end}.form-helper{color:#fff9;font-size:14px;padding:0 8px}.form-hint{font-size:12px;color:#ffffff80;margin-top:8px;display:block}.file-upload{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid rgba(0,255,136,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.file-upload:hover{border-color:#0f86;box-shadow:0 0 12px #0f83}.file-upload svg{color:#0f8}.notification-toggle{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,255,136,.1)}.notification-toggle:last-of-type{border-bottom:none;margin-bottom:24px}.toggle-info strong{color:#fff;font-size:15px;display:block;margin-bottom:6px}.toggle-info p{color:#fff9;font-size:13px;line-height:1.5}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:#fffc;transition:all .3s ease;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#0f8,#00d9ff);border-color:transparent}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px);background-color:#000}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 12px #0f86}.integration-item{padding:20px 0;border-bottom:1px solid rgba(0,255,136,.1)}.integration-item:last-child{border-bottom:none}.integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.integration-header h3{font-size:16px;font-weight:600;color:#fff}.integration-status{font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.integration-status.disabled{background:#ffffff1a;color:#ffffff80}.integration-status.active{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.integration-item p{color:#fff9;font-size:13px;margin-bottom:16px;line-height:1.5}.integration-item .form-input{margin-top:8px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.notification-toggle{flex-direction:column;align-items:flex-start;gap:16px}}.content-monitor{padding:0;min-height:100%}.content-monitor-header{background:linear-gradient(135deg,#1e3a5f,#0d2137);padding:2rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:1rem;color:#fff}.add-domain-btn{display:flex;align-items:center;gap:.5rem;background:#00d4ff;color:#0d2137;border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.add-domain-btn:hover{background:#00b8e6;transform:translateY(-1px)}.wizard-success-banner{background:#2ed5731a;border:1px solid rgba(46,213,115,.3);color:#2ed573;padding:.875rem 1.25rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-icon{color:#00d4ff}.header-title h1{margin:0;font-size:1.75rem;font-weight:600}.header-title p{margin:.25rem 0 0;color:#ffffffb3;font-size:.9rem}.content-monitor-nav{display:flex;gap:.5rem;background:#1a2332;padding:.5rem;border-radius:10px;margin-bottom:1.5rem;overflow-x:auto}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;color:#8899a6;text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.nav-tab:hover{background:#ffffff0d;color:#fff}.nav-tab.active{background:#00d4ff;color:#0d2137}.content-monitor-content{background:#1a2332;border-radius:12px;padding:1.5rem;min-height:500px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#0d1b2a;border-radius:10px;padding:1.25rem;border:1px solid rgba(255,255,255,.1)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stat-card-header span{color:#8899a6;font-size:.875rem}.stat-card-header svg{color:#00d4ff}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin:0}.stat-value.critical{color:#ff4757}.stat-value.warning{color:#ffa502}.stat-value.success{color:#2ed573}.stat-change{font-size:.75rem;color:#8899a6;margin-top:.25rem}.alert-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.alert-count{background:#0d1b2a;border-radius:8px;padding:1rem;text-align:center;border-left:3px solid}.alert-count.critical{border-color:#ff4757}.alert-count.high{border-color:#ff6b35}.alert-count.medium{border-color:#ffa502}.alert-count.low{border-color:#2ed573}.alert-count-value{font-size:1.75rem;font-weight:700;color:#fff}.alert-count-label{font-size:.75rem;color:#8899a6;text-transform:uppercase;margin-top:.25rem}.recent-alerts{background:#0d1b2a;border-radius:10px;padding:1.25rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h3{margin:0;color:#fff;font-size:1rem;font-weight:600}.section-header a{color:#00d4ff;font-size:.875rem;text-decoration:none}.section-header a:hover{text-decoration:underline}.alert-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff08;border-radius:8px;cursor:pointer;transition:background .2s}.alert-item:hover{background:#ffffff0f}.alert-severity-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.alert-severity-badge.critical{background:#ff475733;color:#ff4757}.alert-severity-badge.high{background:#ff6b3533;color:#ff6b35}.alert-severity-badge.medium{background:#ffa50233;color:#ffa502}.alert-severity-badge.low{background:#2ed57333;color:#2ed573}.alert-content{flex:1;min-width:0}.alert-title{color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-meta{display:flex;gap:1rem;margin-top:.25rem;font-size:.75rem;color:#8899a6}.alert-time{color:#8899a6;font-size:.75rem;white-space:nowrap}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.data-table th{color:#8899a6;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{color:#fff;font-size:.875rem}.data-table tr:hover td{background:#ffffff08}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.active{background:#2ed57333;color:#2ed573}.status-badge.paused{background:#ffa50233;color:#ffa502}.status-badge.error{background:#ff475733;color:#ff4757}.status-badge.new{background:#00d4ff33;color:#00d4ff}.status-badge.resolved{background:#8899a633;color:#8899a6}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#00d4ff;color:#0d2137}.btn-primary:hover{background:#00b8e6}.btn-secondary{background:#ffffff1a;color:#fff}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:#ff475733;color:#ff4757}.btn-danger:hover{background:#ff47574d}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;color:#8899a6;font-size:.875rem;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#0d1b2a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem}.form-input:focus{outline:none;border-color:#00d4ff}.form-input::-moz-placeholder{color:#5c6f7e}.form-input::placeholder{color:#5c6f7e}.checkbox-group{text-align:left!important}.checkbox-group label{display:inline-flex!important;align-items:center;gap:.5rem;cursor:pointer;color:#fff}.checkbox-group label input[type=checkbox]{width:auto!important;margin:0;flex-shrink:0}.checkbox-group label span{color:#fff}.checkbox-hint{color:#8899a6;font-size:.75rem;margin:.25rem 0 0 1.5rem;text-align:left}.empty-state{text-align:center;padding:3rem 2rem;color:#8899a6}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#fff;margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#8899a6}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media(max-width:1100px)and (min-width:769px){.content-monitor-nav{gap:.25rem;padding:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.nav-tab{padding:.5rem .625rem;font-size:.75rem;flex-shrink:0}.nav-tab svg{width:16px;height:16px}.content-monitor-summary{flex-wrap:wrap;gap:.5rem}.summary-item{padding:.375rem .5rem}.summary-label{font-size:.7rem}.summary-count{font-size:.95rem}.summary-badge{font-size:.65rem;padding:.1rem .4rem}}@media(max-width:768px){.content-monitor-header{padding:1.5rem}.header-title h1{font-size:1.25rem}.content-monitor-nav{gap:.25rem;padding:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{padding:.5rem .75rem;font-size:.8rem;flex-shrink:0}.nav-tab span{display:none}.dashboard-stats,.alert-summary{grid-template-columns:repeat(2,1fr)}}.notification-settings .settings-header{margin-bottom:2rem}.notification-settings .settings-header h2{margin:0 0 .5rem;color:#fff;font-size:1.5rem}.notification-settings .settings-description{color:#fff9;margin:0}.notification-settings .settings-section{background:#ffffff08;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.notification-settings .settings-section.disabled{opacity:.5;pointer-events:none}.notification-settings .settings-section h3{margin:0 0 .5rem;color:#fff;font-size:1.1rem}.notification-settings .section-note{color:#ffffff80;font-size:.85rem;margin:0 0 1rem}.notification-settings .setting-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.notification-settings .setting-row:last-child{border-bottom:none}.notification-settings .setting-row.master-toggle{padding:0;border-bottom:none}.notification-settings .setting-info{flex:1}.notification-settings .setting-info label{display:block;color:#fff;font-weight:500;margin-bottom:.25rem}.notification-settings .setting-description{color:#ffffff80;font-size:.85rem}.notification-settings .setting-hint{color:#fff6;font-size:.8rem;margin-top:.5rem;display:block}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#17a2b8}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.notification-settings .setting-row.recipients{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-settings .recipients-list{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.notification-settings .recipient-tag{display:flex;align-items:center;gap:.5rem;background:#17a2b833;color:#17a2b8;padding:.4rem .75rem;border-radius:20px;font-size:.85rem}.notification-settings .recipient-tag .remove-btn{background:none;border:none;color:inherit;cursor:pointer;padding:0;font-size:1rem;line-height:1;opacity:.7}.notification-settings .recipient-tag .remove-btn:hover{opacity:1}.notification-settings .add-recipient{display:flex;gap:.5rem;width:100%}.notification-settings .add-recipient input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.9rem}.notification-settings .add-recipient input:focus{outline:none;border-color:#17a2b8}.notification-settings .add-recipient button{background:#17a2b8;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.85rem}.notification-settings .add-recipient button:disabled{opacity:.5;cursor:not-allowed}.notification-settings input.full-width{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.6rem .75rem;color:#fff;font-size:.9rem;margin-top:.5rem}.notification-settings input.full-width:focus{outline:none;border-color:#17a2b8}.notification-settings .setting-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.notification-settings .btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.85rem;transition:all .2s}.notification-settings .btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.notification-settings .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.notification-settings .severity-grid{display:flex;flex-direction:column}.notification-settings .severity-row{padding:.75rem 0}.notification-settings .severity-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.notification-settings .severity-badge.critical{background:#ff475733;color:#ff4757}.notification-settings .severity-badge.high{background:#ff6b3533;color:#ff6b35}.notification-settings .severity-badge.medium{background:#ffa50233;color:#ffa502}.notification-settings .severity-badge.low{background:#2ed57333;color:#2ed573}.notification-settings .code-block{background:#0000004d;border-radius:8px;padding:1rem;overflow-x:auto;font-family:Monaco,Menlo,monospace;font-size:.8rem;color:#fffc;line-height:1.5;margin:1rem 0}.notification-settings code{background:#ffffff1a;padding:.15rem .4rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.8rem}.notification-settings .help-section{background:#17a2b80d;border-color:#17a2b833}.notification-settings .alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.notification-settings .alert-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:#ff4757}.notification-settings .alert-success{background:#2ed5731a;border:1px solid rgba(46,213,115,.3);color:#2ed573}.content-monitor-summary{display:flex;align-items:center;gap:0;background:#00d4ff0d;border:1px solid rgba(0,212,255,.15);border-radius:10px;padding:.5rem .75rem;margin-bottom:1rem}.summary-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;border-radius:6px;transition:background .2s}.summary-item:hover{background:#ffffff0d}.summary-item svg{color:#00d4ff;flex-shrink:0}.summary-label{color:#8899a6;font-size:.8rem;font-weight:500}.summary-count{color:#fff;font-size:1.1rem;font-weight:700;margin-left:.25rem}.summary-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:10px;font-weight:600;margin-left:.5rem}.summary-badge.active{background:#2ed57333;color:#2ed573}.summary-badge.new{background:#00d4ff33;color:#00d4ff}.summary-badge.critical,.summary-badge.error{background:#ff475733;color:#ff4757}.summary-divider{width:1px;height:24px;background:#ffffff1a;margin:0 .25rem}.summary-refresh{margin-left:auto;padding-left:.5rem}.summary-refresh .btn-icon{background:none;border:none;color:#8899a6;cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.summary-refresh .btn-icon:hover{background:#ffffff1a;color:#00d4ff}.summary-refresh .btn-icon:disabled{opacity:.5;cursor:not-allowed}.summary-refresh .spinning{animation:spin 1s linear infinite}@media(max-width:768px){.content-monitor-summary{flex-wrap:wrap;gap:.5rem}.summary-item{padding:.375rem .75rem}.summary-divider,.summary-badge{display:none}}.person-actions{display:flex;justify-content:center;gap:.5rem;padding:0 1rem 1rem}.alerts-summary{display:flex;gap:1rem;color:#8899a6;font-size:.875rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.alerts-summary .new-count{color:#ff4757}.alert-groups{display:flex;flex-direction:column;gap:1rem}.alert-group{background:#ffffff05;border-radius:8px;overflow:hidden}.group-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;cursor:pointer;transition:background .2s}.group-header:hover{background:#ffffff14}.group-toggle{color:#8899a6}.group-icon{color:#17a2b8}.group-info{flex:1;display:flex;align-items:center;gap:.75rem}.group-label{color:#fff;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{color:#8899a6;font-size:.875rem}.group-stats{display:flex;gap:.5rem}.stat-badge{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.stat-badge.critical{background:#ff475733;color:#ff4757}.stat-badge.high{background:#ffa50233;color:#ffa502}.stat-badge.medium{background:#ffc10733;color:#ffc107}.stat-badge.low{background:#17a2b833;color:#17a2b8}.stat-badge.new{background:#2ed57333;color:#2ed573}.page-path{background:#ffffff1a;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;color:#8899a6;margin-left:.5rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinning{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.card{background:#ffffff0d;border-radius:8px}.getting-started-guide{background:linear-gradient(135deg,#17a2b81a,#2ed5730d);border:1px solid rgba(23,162,184,.3);border-radius:12px;padding:1.5rem}.guide-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#17a2b8}.guide-header h4{margin:0;color:#fff;font-size:1rem}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.workflow-step{display:flex;gap:.75rem;padding:.75rem;background:#0003;border-radius:8px}.step-number{width:28px;height:28px;background:linear-gradient(135deg,#17a2b8,#2ed573);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;flex-shrink:0}.step-content strong{display:block;color:#fff;margin-bottom:.25rem;font-size:.875rem}.step-content p{margin:0;color:#8899a6;font-size:.8rem;line-height:1.4}.modal-subtitle{color:#8899a6;font-size:.875rem;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-hint{display:block;color:#8899a6;font-size:.75rem;margin-top:.25rem}.next-step-hint{display:flex;align-items:flex-start;gap:.5rem;background:#2ed5731a;border:1px solid rgba(46,213,115,.3);border-radius:8px;padding:.75rem;margin-top:1rem;color:#2ed573;font-size:.875rem}.next-step-hint span{color:#8899a6}.upload-requirements{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.requirement-section{padding:.75rem;border-radius:8px;font-size:.8rem}.requirement-section.good{background:#2ed5731a;border:1px solid rgba(46,213,115,.2)}.requirement-section.bad{background:#ff47571a;border:1px solid rgba(255,71,87,.2)}.requirement-section strong{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.requirement-section.good strong{color:#2ed573}.requirement-section.bad strong{color:#ff4757}.requirement-section ul{margin:0;padding-left:1rem;color:#8899a6}.requirement-section ul li{margin-bottom:.25rem}.preview-actions{margin-top:.75rem}.test-explanation{display:flex;gap:.75rem;background:#ffffff0d;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#17a2b8}.test-explanation div{flex:1}.test-explanation strong{display:block;color:#fff;margin-bottom:.25rem;font-size:.875rem}.test-explanation p{margin:0;color:#8899a6;font-size:.8rem;line-height:1.4}.analyzer-status{background:#ffffff0d;border-radius:8px;padding:1rem}.status-header{display:flex;align-items:center;gap:.5rem;color:#8899a6;font-size:.875rem;margin-bottom:.75rem}.status-providers{display:flex;gap:1rem;flex-wrap:wrap}.provider-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background:#ffffff0d;font-size:.875rem}.provider-status.active{color:#2ed573}.provider-status.inactive{color:#8899a6}.feature-badge{background:#17a2b833;color:#17a2b8;padding:.125rem .5rem;border-radius:4px;font-size:.75rem}.info-box{display:flex;gap:1rem;background:#17a2b81a;border:1px solid rgba(23,162,184,.3);border-radius:8px;padding:1rem;color:#17a2b8}.info-box ul{color:#8899a6}.persons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.person-card{background:#ffffff0d;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.person-photo{position:relative;height:180px;background:#0000004d}.person-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8899a6;gap:.5rem}.face-registered-badge{position:absolute;bottom:.5rem;right:.5rem;background:#2ed573e6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.person-info{padding:1rem}.person-info h4{margin:0 0 .5rem;color:#fff}.role-badge{display:inline-block;background:#17a2b833;color:#17a2b8;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-right:.5rem}.title{color:#8899a6;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a2332;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.1);max-height:90vh;overflow-y:auto;text-align:left}.modal-content.modal-lg{max-width:500px}.checkbox-list-left{display:block!important;text-align:left!important;width:100%!important}.checkbox-list-left label{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;width:100%!important;gap:.5rem!important}.checkbox-list-left label input[type=checkbox]{width:16px!important;height:16px!important;flex-shrink:0!important;flex-grow:0!important;margin:0!important}.checkbox-list-left label span,.checkbox-list-left label:not(:has(span)){flex:1!important;text-align:left!important}.upload-area{margin-bottom:1rem}.upload-dropzone{border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;color:#8899a6;transition:all .2s}.upload-dropzone:hover{border-color:#17a2b8;background:#17a2b81a}.upload-dropzone p{margin:.5rem 0 0}.upload-dropzone small{display:block;margin-top:.25rem}.preview-container{text-align:center}.preview-container img{max-width:100%;max-height:300px;border-radius:8px;margin-bottom:1rem}.upload-tips{background:#ffffff0d;border-radius:8px;padding:1rem;font-size:.875rem;color:#8899a6}.upload-tips ul{margin:.5rem 0 0;padding-left:1.25rem}.test-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:#8899a6}.test-result{margin-top:1rem;padding:1rem;border-radius:8px}.test-result.match{background:#2ed5731a;border:1px solid rgba(46,213,115,.3)}.test-result.no-match{background:#ff47571a;border:1px solid rgba(255,71,87,.3)}.result-header{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.test-result.match .result-header{color:#2ed573}.test-result.no-match .result-header{color:#ff4757}.result-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;justify-content:space-between;color:#8899a6}.detail-row .value{color:#fff;font-weight:600}.confidence{text-transform:capitalize;font-weight:600}.confidence.high{color:#2ed573}.confidence.medium{color:#ffa502}.confidence.low{color:#ff4757}.help-tooltip{position:relative;display:inline-flex;cursor:help;color:#5c6f7e;transition:color .2s}.help-tooltip:hover{color:#00d4ff}.help-tooltip .help-text{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1a2332;color:#ccc;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:normal;width:250px;z-index:100;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000004d;line-height:1.4;text-align:left;pointer-events:none}.help-tooltip .help-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#ffffff26}.help-tooltip:hover .help-text{display:block}.mentions-list{display:flex;flex-direction:column;gap:1rem}.mention-card{background:#ffffff0d;border-radius:8px;padding:1rem}.mention-card.threat-card{border-left:3px solid #ff4757}.mention-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.platform-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#fff}.mention-author{color:#17a2b8;font-size:.875rem}.follower-badge{color:#8899a6;font-size:.75rem;background:#ffffff1a;padding:.125rem .375rem;border-radius:4px}.mention-time{color:#8899a6;font-size:.75rem;margin-left:auto}.mention-content{color:#e0e0e0;font-size:.875rem;line-height:1.5;margin-bottom:.75rem;word-break:break-word}.mention-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.engagement{display:flex;gap:.75rem;flex-wrap:wrap}.engagement-item{color:#8899a6;font-size:.75rem}.engagement-total{color:#17a2b8;font-size:.75rem;font-weight:600}.mention-actions{display:flex;gap:.5rem;align-items:center}.threat-header{display:flex;gap:.5rem;margin-bottom:.5rem}.severity-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;font-weight:600}.severity-badge.critical{background:#ff4757;color:#fff}.severity-badge.high{background:#ff6b35;color:#fff}.severity-badge.medium{background:#ffa502;color:#000}.severity-badge.low{background:#2ed573;color:#000}.threat-type{color:#8899a6;font-size:.75rem;text-transform:capitalize}.explore-cards-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;padding:3rem 2rem 2rem;background:linear-gradient(180deg,#0f172a80,#0f172acc);overflow-y:auto}.explore-cards-loading,.explore-cards-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#94a3b8}.explore-cards-loading .spin{animation:spin 1s linear infinite}.explore-cards-header{text-align:center;margin-bottom:2rem}.explore-cards-header h2{font-size:1.75rem;font-weight:600;color:#f1f5f9;margin-bottom:.5rem}.explore-cards-header p{font-size:.95rem;color:#94a3b8}.explore-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;max-width:1200px;width:100%}.explore-card{display:flex;flex-direction:row;align-items:center;gap:1rem;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible}.explore-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);opacity:0;transition:opacity .2s}.explore-card:hover:before,.explore-card.hovered:before{opacity:1}.explore-card:hover,.explore-card.hovered{border-color:#6366f180;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.explore-card-icon{flex-shrink:0;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.icon-emoji{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.explore-card-content{flex:1;min-width:0}.explore-card-title{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-card-description{font-size:.8rem;color:#94a3b8;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-card-count{display:inline-flex;align-items:baseline;gap:.35rem;background:#6366f126;padding:.2rem .6rem;border-radius:20px}.count-value{font-size:.9rem;font-weight:600;color:#a5b4fc}.count-label{font-size:.75rem;color:#94a3b8}.explore-card-action{flex-shrink:0;display:flex;align-items:center;gap:.35rem;color:#6366f1;font-size:.85rem;font-weight:500;opacity:0;transform:translate(-8px);transition:all .2s ease}.explore-card:hover .explore-card-action,.explore-card.hovered .explore-card-action{opacity:1;transform:translate(0)}.action-arrow{transition:transform .2s ease}.explore-card:hover .action-arrow,.explore-card.hovered .action-arrow{transform:translate(3px)}.explore-card-tooltip{position:fixed;width:300px;background:#1e293b;border:2px solid #6366f1;border-radius:12px;padding:1rem;display:flex;flex-direction:column;box-shadow:0 10px 40px #0009;z-index:9999;pointer-events:none}.tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tooltip-icon{font-size:1.25rem}.tooltip-title{font-size:1rem;font-weight:600;color:#f1f5f9}.tooltip-description{font-size:.85rem;color:#cbd5e1;line-height:1.5;margin-bottom:.75rem}.tooltip-stats{display:flex;align-items:baseline;gap:.4rem;padding:.5rem .75rem;background:#6366f126;border-radius:8px;margin-bottom:.5rem}.tooltip-count{font-size:1.1rem;font-weight:700;color:#a5b4fc}.tooltip-label{font-size:.8rem;color:#94a3b8}.tooltip-hint{font-size:.75rem;color:#6366f1;font-weight:500;text-align:center;padding-top:.5rem;border-top:1px solid rgba(71,85,105,.3);margin-top:.25rem}.explore-card.disabled{opacity:.6;cursor:not-allowed}.explore-card.disabled:hover,.explore-card.disabled.hovered{transform:none;border-color:#47556980;box-shadow:none}.explore-card.disabled:hover:before,.explore-card.disabled.hovered:before{opacity:0}.explore-card.disabled .explore-card-title,.explore-card.disabled .explore-card-description{color:#64748b}.explore-card.disabled .icon-emoji{filter:grayscale(50%) opacity(.7)}.explore-card-coming-soon{display:inline-flex;align-items:center;gap:.35rem;background:#fbbf2426;padding:.2rem .6rem;border-radius:20px;border:1px solid rgba(251,191,36,.3)}.explore-card-coming-soon span{font-size:.75rem;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px}.explore-card-action .action-text.disabled{color:#64748b;font-style:italic}.explore-card-tooltip.disabled{border-color:#64748b}.tooltip-coming-soon{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-radius:8px;margin-top:.5rem}.coming-soon-icon{font-size:1.5rem}.coming-soon-text{font-size:1rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:1px}.coming-soon-hint{font-size:.75rem;color:#94a3b8;text-align:center;margin:0;line-height:1.4}@media(max-width:768px){.explore-cards-container{padding:1rem}.explore-cards-grid{grid-template-columns:1fr}.explore-card{padding:1rem}.explore-card-icon{width:48px;height:48px}.icon-emoji{font-size:1.5rem}.explore-card-tooltip{width:280px}.tooltip-description{font-size:.8rem}}.horse-timeline{display:flex;flex-direction:column;width:100%;height:100%;padding:1.5rem;background:linear-gradient(135deg,#0f172af2,#1e293bf2);overflow:hidden;position:relative;box-sizing:border-box}.horse-timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:#94a3b8;text-align:center}.empty-horse-icon{font-size:4rem;animation:horseGallop 1s ease-in-out infinite}@keyframes horseGallop{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.horse-timeline-empty h3{margin:0;color:#f1f5f9;font-size:1.5rem}.horse-timeline-empty p{margin:0;font-size:.95rem}.year-note{color:#10b981;font-weight:600;margin-top:.5rem}.horse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;gap:1rem}.header-title h2{margin:0;font-size:1.4rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:.5rem}.horse-emoji{font-size:1.5rem;animation:horseGallop 2s ease-in-out infinite}.year-badge{font-size:.7rem;background:linear-gradient(135deg,#10b981,#0ea5e9);padding:.15rem .5rem;border-radius:10px;color:#fff;font-weight:700;margin-left:.5rem}.activity-count{font-size:.85rem;color:#64748b;display:block;margin-top:.25rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#ffffff1a;color:#fff}.header-controls{display:flex;gap:.5rem}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#10b98133;border-color:#10b98166;color:#10b981}.control-btn.active{background:#10b9814d;border-color:#10b981;color:#10b981;animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.time-slider-container{background:#ffffff08;border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1rem}.time-labels{display:flex;justify-content:space-between;margin-bottom:.5rem}.time-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8}.dual-slider{position:relative;height:8px;background:#ffffff1a;border-radius:4px;margin:.75rem 0}.slider-track-fill{position:absolute;height:100%;background:linear-gradient(90deg,#10b981,#0ea5e9);border-radius:4px;pointer-events:none}.slider-input{position:absolute;width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;top:0}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000004d;-webkit-transition:transform .15s ease;transition:transform .15s ease}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.time-range-label{text-align:center;font-size:.7rem;color:#64748b;display:flex;align-items:center;justify-content:center;gap:.35rem}.horse-canvas{flex:1;position:relative;min-height:350px;overflow:visible;width:100%;min-width:100%;box-sizing:border-box}.horse-nodes{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box}.horse-path-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.horse-background{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.horse-image{font-size:clamp(400px,70vw,800px);line-height:1;opacity:.18;filter:drop-shadow(0 0 40px rgba(16,185,129,.5)) drop-shadow(0 0 80px rgba(14,165,233,.4)) drop-shadow(0 0 120px rgba(139,92,246,.3));animation:horseBreathing 4s ease-in-out infinite;transform:scaleX(1);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes horseBreathing{0%,to{transform:scaleX(1) scale(1);filter:drop-shadow(0 0 30px rgba(16,185,129,.4)) drop-shadow(0 0 60px rgba(14,165,233,.3)) drop-shadow(0 0 90px rgba(139,92,246,.2))}50%{transform:scaleX(1) scale(1.02);filter:drop-shadow(0 0 40px rgba(16,185,129,.5)) drop-shadow(0 0 80px rgba(14,165,233,.4)) drop-shadow(0 0 120px rgba(139,92,246,.3))}}.horse-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.label-muzzle{position:absolute;left:3%;top:48%;text-align:left}.label-ear{position:absolute;left:15%;top:12%;text-align:center;opacity:.5}.label-front-hoof{position:absolute;left:38%;top:82%;text-align:center;opacity:.5}.label-withers{position:absolute;left:58%;top:30%;text-align:center;opacity:.5}.label-back-hoof{position:absolute;right:22%;top:85%;text-align:center;opacity:.5}.label-tail{position:absolute;right:3%;top:38%;text-align:right}.label-title{display:block;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#10b981,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.label-muzzle .label-title{background:linear-gradient(135deg,#10b981,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.label-ear .label-title,.label-front-hoof .label-title,.label-withers .label-title,.label-back-hoof .label-title{font-size:1.2rem;letter-spacing:0;opacity:.6}.label-tail .label-title{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.label-subtitle{display:block;font-size:.7rem;color:#64748b;margin-top:.2rem}.gallop-indicator{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);background:radial-gradient(circle,#10b981cc,#10b98100 70%);border-radius:50%;pointer-events:none;animation:gallopPulse .3s ease-out infinite;z-index:200}@keyframes gallopPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.horse-node{position:absolute;width:var(--size);height:var(--size);transform:translate(-50%,-50%);cursor:pointer;opacity:0;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),width .2s ease,height .2s ease}.horse-node.visible{opacity:1}@keyframes nodeAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.horse-node .node-glow{position:absolute;inset:-4px;border-radius:50%;background:var(--color);opacity:.2;filter:blur(8px);transition:all .25s ease}.horse-node.hovered .node-glow,.horse-node.selected .node-glow{opacity:.5;inset:-8px;filter:blur(12px)}.horse-node.endpoint{z-index:60!important}.horse-node.endpoint .node-glow{opacity:.35;inset:-6px;filter:blur(10px)}.horse-node.endpoint .node-icon{box-shadow:0 0 0 2px #fff3,0 4px 12px #0000004d}.horse-node .node-icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color),color-mix(in srgb,var(--color) 70%,black));border-radius:50%;color:#fff;box-shadow:0 4px 12px #0000004d;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.horse-node.hovered .node-icon{box-shadow:0 8px 24px #0006}.horse-node.selected .node-icon{box-shadow:0 0 0 3px #ffffff80,0 8px 24px #0006}.node-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#0f172afa;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.75rem 1rem;min-width:160px;max-width:220px;box-shadow:0 8px 32px #00000080;animation:tooltipAppear .2s ease;z-index:200;pointer-events:none}@keyframes tooltipAppear{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.node-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f172afa}.tooltip-type{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.tooltip-desc{font-size:.8rem;color:#cbd5e1;line-height:1.4;margin-bottom:.35rem}.tooltip-url{font-size:.7rem;color:#0ea5e9;font-family:SF Mono,Monaco,Inconsolata,monospace;margin-bottom:.25rem;opacity:.9}.tooltip-time{font-size:.7rem;color:#64748b}.horse-legend{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:.75rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#94a3b8}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-item.horse-direction{color:#64748b;font-style:italic}.horse-details-panel{position:fixed;top:6rem;right:2rem;width:320px;max-height:calc(100vh - 8rem);background:#0f172afa;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 40px #00000080;overflow-y:auto;animation:panelSlideIn .3s ease;z-index:100}.horse-details-panel .details-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff0d;border-bottom:2px solid}.horse-details-panel .details-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.horse-details-panel .details-header h3{margin:0;font-size:1rem;color:#f1f5f9;flex:1}.horse-details-panel .close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;transition:color .2s}.horse-details-panel .close-btn:hover{color:#ef4444}.horse-details-panel .details-content{padding:1rem 1.25rem}.horse-details-panel .detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.horse-details-panel .detail-row:last-child{border-bottom:none}.horse-details-panel .detail-label{font-size:.8rem;color:#64748b;flex-shrink:0}.horse-details-panel .detail-value{font-size:.85rem;color:#cbd5e1;text-align:right;word-break:break-word;max-width:60%}.horse-details-panel .detail-value.detail-url{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8rem;color:#0ea5e9;cursor:help}.horse-details-panel .detail-value.status-success,.horse-details-panel .detail-value.status-completed{color:#10b981}.horse-details-panel .detail-value.status-error,.horse-details-panel .detail-value.status-failed{color:#ef4444}.horse-details-panel .detail-value.status-pending,.horse-details-panel .detail-value.status-running{color:#f59e0b}.horse-details-panel .detail-value.severity-critical{color:#dc2626;font-weight:600}.horse-details-panel .detail-value.severity-high{color:#ef4444;font-weight:600}.horse-details-panel .detail-value.severity-medium{color:#f59e0b}.horse-details-panel .detail-value.severity-low{color:#10b981}.horse-details-panel .detail-value.severity-info{color:#0ea5e9}.horse-details-panel .details-actions{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.horse-details-panel .view-details-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,var(--btn-color),color-mix(in srgb,var(--btn-color) 70%,black));border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.horse-details-panel .view-details-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006;filter:brightness(1.1)}.horse-details-panel .view-details-btn:active{transform:translateY(0)}@media(max-width:768px){.horse-timeline{padding:1rem}.horse-header{flex-direction:column;align-items:flex-start;gap:1rem}.horse-legend{gap:1rem}.horse-details-panel{top:auto;bottom:1rem;left:1rem;right:1rem;width:auto;max-height:50vh}.node-tooltip{min-width:140px;max-width:180px}}.activity-pagination{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;margin-top:.5rem;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:12px}.pagination-stats{display:flex;align-items:baseline;gap:.25rem;font-size:.9rem}.pagination-stats .loaded-count{font-size:1.25rem;font-weight:700;color:#a5b4fc}.pagination-stats .separator{color:#64748b;margin:0 .15rem}.pagination-stats .total-count{font-size:1rem;font-weight:500;color:#94a3b8}.pagination-stats .label{color:#64748b;margin-left:.4rem;font-size:.85rem}.pagination-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.pagination-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.pagination-btn.load-more{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.pagination-btn.load-more:hover:not(:disabled){background:#6366f140;border-color:#6366f180;transform:translateY(-1px)}.pagination-btn.load-all{background:#10b98126;border-color:#10b9814d;color:#34d399}.pagination-btn.load-all:hover:not(:disabled){background:#10b98140;border-color:#10b98180;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-btn .spin{animation:spin 1s linear infinite}.pagination-complete{display:flex;align-items:center;gap:.4rem;color:#10b981;font-size:.85rem;font-weight:500}.load-all-confirm{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;animation:confirmSlideIn .2s ease-out}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.confirm-message{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fbbf24;font-weight:500}.confirm-message .confirm-icon{color:#f59e0b;flex-shrink:0}.confirm-actions{display:flex;gap:.75rem}.confirm-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid}.confirm-btn.yes{background:#10b98133;border-color:#10b98166;color:#34d399}.confirm-btn.yes:hover{background:#10b98159;border-color:#10b98199;transform:translateY(-1px)}.confirm-btn.no{background:#64748b26;border-color:#64748b4d;color:#94a3b8}.confirm-btn.no:hover{background:#ef444426;border-color:#ef44444d;color:#f87171;transform:translateY(-1px)}@media(max-width:768px){.activity-pagination{padding:.75rem}.pagination-actions{flex-direction:column;width:100%}.pagination-btn{width:100%;justify-content:center}}.security-fortress-container{width:100%;background:linear-gradient(180deg,#0f172a,#1e293b,#334155);border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.security-fortress-container:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 200px 60px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 250px 45px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 300px 90px,rgba(255,255,255,.2),transparent);background-size:350px 150px;animation:twinkle 4s ease-in-out infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}.fortress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;z-index:1}.fortress-header h3{color:#f1f5f9;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.fortress-icon{font-size:1.5rem}.fortress-health-badge{padding:6px 16px;border-radius:20px;color:#fff;font-weight:600;font-size:.85rem;box-shadow:0 2px 8px #0000004d}.fortress-svg{width:100%;max-width:700px;margin:0 auto;display:block;position:relative;z-index:1}.fortress-moat{animation:ripple 3s ease-in-out infinite}@keyframes ripple{0%,to{rx:280;ry:30;opacity:.3}50%{rx:285;ry:32;opacity:.4}}.fortress-wall{cursor:pointer;transition:opacity .2s ease}.fortress-wall:hover{opacity:.9}.fortress-tower{cursor:pointer;transition:transform .2s ease}.fortress-tower:hover{filter:brightness(1.1)}.fortress-wall-tower{cursor:pointer}.fortress-wall-tower:hover{filter:brightness(1.1)}.fortress-flag{animation:wave 2s ease-in-out infinite;transform-origin:left center}.main-flag{animation:wave 2.5s ease-in-out infinite}@keyframes wave{0%,to{transform:skew(0)}25%{transform:skew(3deg)}75%{transform:skew(-3deg)}}.fortress-gate{cursor:pointer;transition:all .3s ease}.fortress-gate:hover{filter:brightness(1.15)}.fortress-gate-vulnerable path:first-child{filter:drop-shadow(0 0 8px rgba(234,179,8,.5))}.fortress-gate-compromised path:first-child{filter:drop-shadow(0 0 10px rgba(249,115,22,.6))}.fortress-gate-breached path:first-child{filter:drop-shadow(0 0 12px rgba(239,68,68,.7))}.gate-warning{animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{r:12;opacity:.8}50%{r:15;opacity:1}}.fortress-keep{cursor:pointer;transition:filter .2s ease}.fortress-keep:hover{filter:brightness(1.08)}.fortress-crack{animation:crack-glow 2s ease-in-out infinite}.crack-critical{animation-delay:0s}.crack-high{animation-delay:.5s}.crack-medium{animation-delay:1s}@keyframes crack-glow{0%,to{opacity:.8}50%{opacity:1}}.corner-nav-left rect[fill=transparent]:hover+rect,.corner-nav-right rect[fill=transparent]:hover+rect{filter:brightness(1.2)}.domain-shield{cursor:pointer;transition:transform .2s ease,filter .2s ease}.domain-shield:hover{transform:translateY(-3px);filter:brightness(1.2)}.domain-shield .shield-path{transition:all .2s ease}.domain-shield:hover .shield-path{filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.vuln-badge{animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.8}}.fortress-tooltip{pointer-events:none;opacity:0;animation:fadeIn .15s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.fortress-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.legend-section{flex:1;min-width:150px}.legend-section h4{color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.legend-item{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:.8rem}.legend-icon{width:12px;height:12px;border-radius:3px}.vulnerability-counts{flex-direction:row;flex-wrap:wrap;gap:10px}.vuln-count{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:8px;min-width:50px}.vuln-count .count{font-size:1.25rem;font-weight:700;color:#fff}.vuln-count .label{font-size:.65rem;color:#fffc;text-transform:uppercase}.vuln-count.critical{background:#ef444433;border:1px solid #ef4444}.vuln-count.critical .count{color:#ef4444}.vuln-count.high{background:#f9731633;border:1px solid #f97316}.vuln-count.high .count{color:#f97316}.vuln-count.medium{background:#eab30833;border:1px solid #eab308}.vuln-count.medium .count{color:#eab308}.vuln-count.low{background:#22c55e33;border:1px solid #22c55e}.vuln-count.low .count{color:#22c55e}.gate-status-section{min-width:120px}.gate-status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#ffffff0d}.gate-status-indicator .status-dot{width:10px;height:10px;border-radius:50%;animation:status-pulse 2s ease-in-out infinite}.gate-status-indicator .status-text{font-size:.8rem;font-weight:600;color:#e2e8f0}.gate-status-indicator.secure .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.gate-status-indicator.vulnerable .status-dot{background:#eab308;box-shadow:0 0 8px #eab308}.gate-status-indicator.compromised .status-dot{background:#f97316;box-shadow:0 0 8px #f97316}.gate-status-indicator.breached .status-dot{background:#ef4444;box-shadow:0 0 8px #ef4444;animation:danger-pulse .5s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes danger-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media(max-width:768px){.fortress-legend{flex-direction:column;gap:15px}.legend-section{min-width:100%}.vulnerability-counts{justify-content:space-between}.fortress-header{flex-direction:column;gap:10px;align-items:flex-start}}.vulnerability-onion-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#0f172af2,#0f172afa);overflow:hidden}.onion-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#1e293b99;border-bottom:1px solid rgba(71,85,105,.3)}.onion-header .back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4755694d;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s ease}.onion-header .back-btn:hover{background:#47556980;color:#f1f5f9;border-color:#6366f180}.onion-header .header-content{flex:1;display:flex;align-items:center;justify-content:space-between}.onion-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;color:#f1f5f9}.onion-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.header-stats{display:flex;gap:1rem}.header-stats .stat{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.header-stats .stat.open{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.header-stats .stat.resolved{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.header-stats .stat.total{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.header-stats .view-all-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:20px;color:#a5b4fc;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.header-stats .view-all-btn:hover{background:#6366f159;border-color:#6366f199;color:#c7d2fe}.onion-content{flex:1;display:flex;gap:1rem;padding:1rem;overflow:hidden}.onion-svg{flex:1;max-height:100%;filter:drop-shadow(0 0 40px rgba(239,68,68,.1))}.severity-ring{transition:opacity .3s ease}.severity-ring.dimmed{opacity:.3}.severity-ring.selected .ring-bg{filter:url(#ring-glow)}.severity-ring .ring-label{opacity:.8;transition:opacity .2s ease;text-shadow:0 1px 3px rgba(0,0,0,.8)}.severity-ring:hover .ring-label{opacity:1}.corner-callout line{transition:stroke-opacity .2s ease}.corner-callout.critical-callout .callout-box rect{animation:criticalCalloutPulse 2s ease-in-out infinite}@keyframes criticalCalloutPulse{0%,to{stroke-opacity:.6}50%{stroke-opacity:1;filter:drop-shadow(0 0 6px rgba(239,68,68,.6))}}.corner-callout .callout-box rect{transition:all .2s ease}.corner-callout .callout-box:hover rect{fill:#1e293bf2;stroke-opacity:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.corner-callout .callout-box:hover~line,.corner-callout:hover line{stroke-opacity:.8;stroke-width:1.5}.corner-callout .callout-box text{transition:fill .2s ease}.corner-callout .callout-box:hover text:last-child{fill:#c7d2fe}.ring-critical .ring-bg{animation:criticalPulse 2s ease-in-out infinite}@keyframes criticalPulse{0%,to{stroke-opacity:.4}50%{stroke-opacity:.7}}.ring-high .ring-bg{animation:highPulse 3s ease-in-out infinite}@keyframes highPulse{0%,to{stroke-opacity:.35}50%{stroke-opacity:.55}}.vuln-node .vuln-circle{transition:r .15s ease,stroke-width .15s ease}.vuln-node:hover .vuln-circle{filter:brightness(1.3)}.vuln-node.open .vuln-glow{animation:vulnGlow 2s ease-in-out infinite}@keyframes vulnGlow{0%,to{opacity:.4;r:14}50%{opacity:.7;r:18}}.vuln-node.vuln-critical.open .vuln-glow{animation:criticalVulnGlow 1.5s ease-in-out infinite}@keyframes criticalVulnGlow{0%,to{opacity:.5;r:18}50%{opacity:.9;r:24}}.vuln-node.resolved .vuln-circle{opacity:.7}.vuln-node.resolved:hover .vuln-circle{opacity:1}.core-center{animation:corePulse 2.5s ease-in-out infinite}@keyframes corePulse{0%,to{fill:#ef444433;stroke-width:2}50%{fill:#ef444466;stroke-width:3}}.vuln-tooltip{pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.vuln-tooltip rect{transition:stroke .2s ease}.vuln-tooltip text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.onion-legend{width:220px;background:#1e293bcc;border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:1rem;overflow-y:auto}.onion-legend h4{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.legend-items{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#0f172a80;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.legend-item:hover{background:#0f172acc;border-color:#47556980}.legend-item.selected{border-color:#6366f199;background:#6366f11a}.legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.legend-info{display:flex;align-items:center;gap:.5rem;flex:1}.legend-label{font-size:.85rem;font-weight:500;color:#e2e8f0}.legend-count{font-size:.75rem;font-weight:700;color:#94a3b8;background:#47556966;padding:.15rem .4rem;border-radius:10px;min-width:20px;text-align:center}.legend-desc{display:none;font-size:.7rem;color:#64748b;white-space:nowrap}.legend-item:hover .legend-desc,.legend-item.selected .legend-desc{display:block}.clear-filter-btn{width:100%;margin-top:1rem;padding:.5rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filter-btn:hover{background:#ef444440;border-color:#ef444480}.onion-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;text-align:center;padding:2rem}.onion-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.onion-empty h3{margin:0 0 .5rem;font-size:1.25rem;color:#94a3b8}.onion-empty p{margin:0;font-size:.9rem}@media(max-width:900px){.onion-content{flex-direction:column}.onion-legend{width:100%;max-height:200px}.legend-items{flex-direction:row;flex-wrap:wrap;gap:.5rem}.legend-item{flex:1;min-width:150px}.legend-desc{display:none!important}}.severity-ring:hover{cursor:pointer}.severity-ring.ring-critical:hover .ring-bg{stroke-opacity:.6}.severity-ring.ring-high:hover .ring-bg{stroke-opacity:.5}.severity-ring.ring-medium:hover .ring-bg{stroke-opacity:.45}.severity-ring.ring-low:hover .ring-bg,.severity-ring.ring-info:hover .ring-bg{stroke-opacity:.4}.risk-viz-switcher{display:flex;align-items:center;gap:1rem}.viz-switcher-label{font-size:.8rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.viz-switcher-buttons{display:flex;gap:.5rem;padding:.25rem;background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:12px}.viz-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:8px;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.viz-mode-btn:hover{background:var(--viz-color-20);color:var(--viz-color);border-color:var(--viz-color-40)}.viz-mode-btn.active{background:var(--viz-color-20);color:var(--viz-color);border-color:var(--viz-color);box-shadow:0 0 12px var(--viz-color-40)}.viz-mode-btn.active svg{filter:drop-shadow(0 0 4px var(--viz-color))}.viz-mode-label{display:inline}@media(max-width:900px){.viz-mode-label{display:none}.viz-mode-btn{padding:.5rem .75rem}.viz-switcher-label{display:none}}@media(max-width:600px){.viz-switcher-buttons{gap:.25rem;padding:.15rem}.viz-mode-btn{padding:.4rem .5rem}.viz-mode-btn svg{width:16px;height:16px}}.risk-aquarium-container{position:relative;display:flex;flex-direction:column;height:100%;min-height:400px;background:linear-gradient(180deg,#0c4a6e,#0f172a);border-radius:12px;overflow:hidden}.risk-aquarium-svg{flex:1;width:100%;max-height:500px}.aquarium-creature{cursor:pointer}.aquarium-creature.selected circle:last-child{animation:selectedPulse 1.5s ease-in-out infinite}@keyframes selectedPulse{0%,to{opacity:.8}50%{opacity:1}}.aquarium-tooltip{pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.aquarium-tooltip text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.aquarium-legend.compact{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;background:#0f172a99;border-top:1px solid rgba(71,85,105,.2)}.aquarium-legend.compact .legend-item{display:flex;align-items:center;gap:.35rem}.aquarium-legend.compact .legend-item span:first-child{font-size:1rem}.aquarium-legend.compact .legend-item span:last-child{font-size:.7rem}.aquarium-legend.compact .legend-item.clickable{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s;margin:-.25rem 0}.aquarium-legend.compact .legend-item.clickable:hover{background:#ffffff1a}.aquarium-legend.compact .legend-item.clickable.active{background:#ffffff26;box-shadow:0 0 0 1px #fff3}.aquarium-legend.compact .legend-count{font-size:.65rem;color:#64748b;margin-left:.25rem}.aquarium-legend.compact .legend-item.clear-filter{cursor:pointer;padding:.25rem .5rem;border-radius:4px;background:#ef444433;margin-left:.5rem;transition:background .2s}.aquarium-legend.compact .legend-item.clear-filter:hover{background:#ef44444d}.aquarium-legend.compact .legend-item.clear-filter .clear-icon{font-size:.65rem;color:#ef4444}.aquarium-legend.compact .legend-item.clear-filter span:last-child{color:#ef4444}@media(max-width:768px){.risk-aquarium-container{min-height:300px}.risk-aquarium-svg{max-height:350px}.aquarium-legend.compact{gap:.75rem;padding:.4rem .75rem}}.risk-heatmap-traditional{display:flex;flex-direction:column;height:100%;min-height:400px;padding:3rem 1.5rem 1.5rem;background:linear-gradient(180deg,#0f172af2,#0f172afa);border-radius:12px;overflow:visible}.risk-heatmap-traditional .heatmap-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;max-width:600px;margin:0 auto;overflow:visible}.risk-heatmap-traditional .axis-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.risk-heatmap-traditional .axis-label.y-axis{position:absolute;left:-30px;top:50%;transform:rotate(-90deg) translate(-50%);transform-origin:center}.risk-heatmap-traditional .axis-label.x-axis{margin-top:.5rem}.risk-heatmap-traditional .matrix-wrapper{display:flex;flex-direction:column;align-items:center}.risk-heatmap-traditional .y-axis-numbers{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;padding:10px 0}.risk-heatmap-traditional .y-axis-numbers .axis-number{font-size:.8rem;font-weight:500;color:#64748b;width:24px;text-align:center}.risk-heatmap-traditional .x-axis-numbers{display:flex;justify-content:space-around;width:100%;padding:0 10px;margin-top:4px}.risk-heatmap-traditional .x-axis-numbers .axis-number{font-size:.8rem;font-weight:500;color:#64748b;width:80px;text-align:center}.risk-heatmap-traditional .matrix-grid{display:flex;flex-direction:column;gap:4px;margin-left:30px;overflow:visible}.risk-heatmap-traditional .matrix-row{display:flex;gap:4px;overflow:visible}.risk-heatmap-traditional .matrix-cell{width:80px;height:80px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .2s,box-shadow .2s}.risk-heatmap-traditional .matrix-cell:hover{transform:scale(1.05);z-index:10}.risk-heatmap-traditional .matrix-cell.selected{box-shadow:0 0 0 3px #fff,0 4px 12px #0000004d}.risk-heatmap-traditional .matrix-cell.critical{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:inset 0 0 20px #0003}.risk-heatmap-traditional .matrix-cell.high{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:inset 0 0 20px #00000026}.risk-heatmap-traditional .matrix-cell.medium{background:linear-gradient(135deg,#ca8a04,#eab308);box-shadow:inset 0 0 20px #0000001a}.risk-heatmap-traditional .matrix-cell.low{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:inset 0 0 20px #0000001a}.risk-heatmap-traditional .matrix-cell.minimal{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:inset 0 0 20px #0000001a}.risk-heatmap-traditional .cell-score{font-size:1.25rem;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.risk-heatmap-traditional .cell-risks{display:flex;gap:3px;margin-top:4px;align-items:center}.risk-heatmap-traditional .risk-dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;cursor:pointer;transition:transform .2s}.risk-heatmap-traditional .risk-dot:hover{transform:scale(1.3)}.risk-heatmap-traditional .risk-dot.selected{background:#fbbf24;box-shadow:0 0 0 2px #fff,0 2px 6px #0006}.risk-heatmap-traditional .risk-overflow{font-size:.65rem;font-weight:600;color:#ffffffe6;background:#0000004d;padding:2px 4px;border-radius:4px}.risk-heatmap-traditional .cell-tooltip{position:absolute;bottom:calc(100% - 12px);left:50%;transform:translate(-50%);width:280px;background:#0f172afa;border:1px solid rgba(71,85,105,.4);border-radius:8px;padding:.75rem .75rem 1.25rem;z-index:100;box-shadow:0 8px 24px #0006;pointer-events:auto;cursor:default}.risk-heatmap-traditional .cell-tooltip:after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:32px;background:transparent}.risk-heatmap-traditional .cell-tooltip.tooltip-left{left:auto;right:-10px;transform:translate(0)}.risk-heatmap-traditional .cell-tooltip.tooltip-left:after{left:0;right:auto}.risk-heatmap-traditional .cell-tooltip.tooltip-below{bottom:auto;top:calc(100% - 12px);padding-top:1.25rem;padding-bottom:.75rem}.risk-heatmap-traditional .cell-tooltip.tooltip-below:after{bottom:auto;top:-20px}.risk-heatmap-traditional .cell-tooltip.tooltip-left.tooltip-below{left:auto;right:-10px;bottom:auto;top:calc(100% - 12px);transform:translate(0)}.risk-heatmap-traditional .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(71,85,105,.3)}.risk-heatmap-traditional .tooltip-score{font-weight:700;font-size:.85rem}.risk-heatmap-traditional .tooltip-score.critical{color:#ef4444}.risk-heatmap-traditional .tooltip-score.high{color:#f97316}.risk-heatmap-traditional .tooltip-score.medium{color:#eab308}.risk-heatmap-traditional .tooltip-score.low{color:#22c55e}.risk-heatmap-traditional .tooltip-score.minimal{color:#06b6d4}.risk-heatmap-traditional .tooltip-count{font-size:.75rem;color:#64748b}.risk-heatmap-traditional .tooltip-risks{display:flex;flex-direction:column;gap:.35rem}.risk-heatmap-traditional .tooltip-risk-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem;background:#1e293b99;border-radius:4px;cursor:pointer;transition:background .2s}.risk-heatmap-traditional .tooltip-risk-item:hover{background:#3b82f633}.risk-heatmap-traditional .tooltip-risk-item .risk-title{font-size:.75rem;color:#f1f5f9;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.risk-heatmap-traditional .tooltip-risk-item .risk-status{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:2px 4px;border-radius:3px;margin-left:.5rem}.risk-heatmap-traditional .tooltip-risk-item .risk-status.open{background:#ef444433;color:#ef4444}.risk-heatmap-traditional .tooltip-risk-item .risk-status.in-progress{background:#3b82f633;color:#3b82f6}.risk-heatmap-traditional .tooltip-risk-item .risk-status.mitigated{background:#22c55e33;color:#22c55e}.risk-heatmap-traditional .tooltip-more{font-size:.7rem;color:#60a5fa;text-align:center;padding:.5rem;margin-top:.35rem;background:#3b82f61a;border-radius:4px;cursor:pointer;transition:background .2s}.risk-heatmap-traditional .tooltip-more:hover{background:#3b82f633;color:#93c5fd}.risk-heatmap-traditional .heatmap-legend{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1e293b99;border-radius:8px;margin-top:1rem}.risk-heatmap-traditional .legend-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.risk-heatmap-traditional .legend-items{display:flex;flex-wrap:wrap;gap:1rem}.risk-heatmap-traditional .legend-item{display:flex;align-items:center;gap:.4rem}.risk-heatmap-traditional .legend-color{width:14px;height:14px;border-radius:4px}.risk-heatmap-traditional .legend-color.critical{background:linear-gradient(135deg,#dc2626,#ef4444)}.risk-heatmap-traditional .legend-color.high{background:linear-gradient(135deg,#ea580c,#f97316)}.risk-heatmap-traditional .legend-color.medium{background:linear-gradient(135deg,#ca8a04,#eab308)}.risk-heatmap-traditional .legend-color.low{background:linear-gradient(135deg,#16a34a,#22c55e)}.risk-heatmap-traditional .legend-color.minimal{background:linear-gradient(135deg,#0891b2,#06b6d4)}.risk-heatmap-traditional .legend-item span{font-size:.75rem;color:#94a3b8}@media(max-width:768px){.risk-heatmap-traditional .matrix-cell{width:60px;height:60px}.risk-heatmap-traditional .x-axis-numbers .axis-number{width:60px}.risk-heatmap-traditional .cell-score{font-size:1rem}.risk-heatmap-traditional .heatmap-legend{flex-direction:column;align-items:flex-start;gap:.5rem}.risk-heatmap-traditional .legend-items{gap:.75rem}}.risk-heatmap-explorer{position:relative;display:flex;flex-direction:column;height:100%;min-height:600px;background:linear-gradient(180deg,#0f172af2,#0f172afa);border-radius:12px;overflow:visible}.risk-heatmap-explorer .explorer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#1e293bcc;border-bottom:1px solid rgba(71,85,105,.3);margin-top:48px}.risk-heatmap-explorer .header-info h2{margin:0;font-size:1.25rem;font-weight:600;color:#f1f5f9}.risk-heatmap-explorer .header-info p{margin:.25rem 0 0;font-size:.875rem;color:#94a3b8}.risk-heatmap-explorer .explorer-content{flex:1;min-height:400px;overflow:hidden}.risk-heatmap-explorer .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;color:#94a3b8}.risk-heatmap-explorer .loading-spinner{width:40px;height:40px;border:3px solid rgba(71,85,105,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.risk-heatmap-explorer .risk-detail-panel{position:absolute;top:60px;right:16px;width:320px;background:#0f172afa;border:1px solid rgba(71,85,105,.4);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden}.risk-detail-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1e293bcc;border-bottom:1px solid rgba(71,85,105,.3)}.risk-detail-panel .panel-header h3{margin:0;font-size:.95rem;font-weight:600;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.risk-detail-panel .close-btn{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.risk-detail-panel .close-btn:hover{color:#f1f5f9}.risk-detail-panel .panel-content{padding:1rem}.risk-detail-panel .risk-scores{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1rem}.risk-detail-panel .score-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#1e293b99;border-radius:8px}.risk-detail-panel .score-item.inherent{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.risk-detail-panel .score-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.risk-detail-panel .score-value{font-size:1.1rem;font-weight:700;color:#f1f5f9}.risk-detail-panel .score-value.critical{color:#ef4444}.risk-detail-panel .score-value.high{color:#f97316}.risk-detail-panel .score-value.medium{color:#eab308}.risk-detail-panel .score-value.low{color:#22c55e}.risk-detail-panel .risk-details{border-top:1px solid rgba(71,85,105,.3);padding-top:1rem}.risk-detail-panel .risk-category{font-size:.75rem;color:#a855f7;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem}.risk-detail-panel .risk-description{font-size:.85rem;color:#94a3b8;line-height:1.5;margin:0 0 1rem;max-height:80px;overflow-y:auto}.risk-detail-panel .risk-meta{display:flex;gap:.5rem;align-items:center}.risk-detail-panel .status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.risk-detail-panel .status-badge.open{background:#ef444433;color:#ef4444}.risk-detail-panel .status-badge.in-progress{background:#3b82f633;color:#3b82f6}.risk-detail-panel .status-badge.mitigated{background:#22c55e33;color:#22c55e}.risk-detail-panel .status-badge.accepted{background:#a855f733;color:#a855f7}.risk-detail-panel .status-badge.closed{background:#64748b33;color:#64748b}.risk-detail-panel .treatment{font-size:.75rem;color:#64748b}.risk-detail-panel .risk-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(71,85,105,.3)}.risk-detail-panel .action-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border:1px solid rgba(71,85,105,.4);border-radius:6px;background:#1e293b99;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.risk-detail-panel .action-btn:hover{background:#3b82f626;border-color:#3b82f666;color:#f1f5f9}.risk-detail-panel .action-btn.primary{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.risk-detail-panel .action-btn.primary:hover{background:#3b82f64d;color:#93c5fd}@media(max-width:768px){.risk-heatmap-explorer .explorer-header{flex-direction:column;gap:1rem;align-items:flex-start}.risk-heatmap-explorer .risk-detail-panel{width:calc(100% - 32px);max-width:320px}}.pentest-journey{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f172afa,#0f172af2);color:#f1f5f9;overflow:hidden}.pentest-journey .journey-header{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0ea5e91a;border-bottom:1px solid rgba(14,165,233,.2)}.pentest-journey .back-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#ffffff1a;border:none;border-radius:6px;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .2s}.pentest-journey .back-btn:hover{background:#ffffff26;color:#f1f5f9}.pentest-journey .header-title{display:flex;align-items:center;gap:.5rem;flex:1}.pentest-journey .header-title h2{margin:0;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pentest-journey .header-title svg{color:#0ea5e9}.pentest-journey .header-count{font-size:.75rem;color:#64748b}.pentest-journey .header-actions{display:flex;gap:.25rem;margin-left:auto}.pentest-journey .layout-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s}.pentest-journey .layout-btn:hover{background:#ffffff26;color:#94a3b8}.pentest-journey .layout-btn.active{background:#0ea5e933;border-color:#0ea5e9;color:#0ea5e9}.pentest-journey .action-divider{width:1px;height:20px;background:#64748b4d;margin:0 .35rem}.pentest-journey .fullscreen-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s}.pentest-journey .fullscreen-btn:hover{background:#00ff8826;border-color:#00ff884d;color:#0f8}.pentest-journey.fullscreen{position:fixed;inset:0;width:100vw;height:100vh;z-index:10000;background:linear-gradient(180deg,#0f172a 0% 100%)}.pentest-journey.fullscreen .journey-graph{flex:1;min-height:0}.pentest-journey.fullscreen .fullscreen-btn{background:#00ff8826;border-color:#00ff884d;color:#0f8}.pentest-journey .domain-filters{padding:.75rem 1rem;background:#ffffff05;border-bottom:1px solid rgba(71,85,105,.2)}.pentest-journey .filter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;color:#94a3b8}.pentest-journey .filter-action{padding:.15rem .4rem;background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:4px;color:#64748b;font-size:.65rem;cursor:pointer;transition:all .2s}.pentest-journey .filter-action:hover{background:#64748b33;color:#f1f5f9}.pentest-journey .filter-divider{color:#475569;margin:0 .25rem}.pentest-journey .domain-buttons{display:flex;flex-wrap:wrap;gap:.35rem}.pentest-journey .domain-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#47556933;border:1px solid rgba(71,85,105,.3);border-radius:6px;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .2s}.pentest-journey .domain-btn:hover{background:#4755694d;border-color:#47556980}.pentest-journey .domain-btn.selected{background:#0ea5e933;border-color:#0ea5e9;color:#0ea5e9}.pentest-journey .domain-btn.expanded{background:#22c55e33;border-color:#22c55e;color:#22c55e}.pentest-journey .domain-btn.selected.expanded{background:linear-gradient(135deg,#0ea5e933,#22c55e33);border-color:#22c55e}.pentest-journey .domain-btn .domain-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pentest-journey .domain-btn .domain-count{font-size:.65rem;padding:.1rem .3rem;background:#0003;border-radius:3px}.pentest-journey .domain-hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:6px;color:#eab308;font-size:.75rem}.pentest-journey .domain-hint svg{flex-shrink:0}.pentest-journey .time-slider-container{background:#ffffff08;padding:.75rem 1rem;border-bottom:1px solid rgba(71,85,105,.2)}.pentest-journey .time-labels{display:flex;justify-content:space-between;margin-bottom:.5rem}.pentest-journey .time-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8}.pentest-journey .dual-slider{position:relative;height:24px;background:transparent;border-radius:4px;margin:.75rem 0}.pentest-journey .dual-slider:before{content:"";position:absolute;top:8px;left:0;right:0;height:8px;background:#ffffff1a;border-radius:4px;z-index:1}.pentest-journey .slider-track-fill{position:absolute;height:20px;top:2px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);border-radius:10px;cursor:grab;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s,transform .1s;z-index:3;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pentest-journey .slider-track-fill:hover{box-shadow:0 0 12px #0ea5e980}.pentest-journey .slider-track-fill.dragging{cursor:grabbing;box-shadow:0 0 16px #0ea5e9b3}.pentest-journey .slider-track-fill .track-grip{color:#fff9;opacity:0;transition:opacity .2s}.pentest-journey .slider-track-fill:hover .track-grip,.pentest-journey .slider-track-fill.dragging .track-grip{opacity:1}.pentest-journey .slider-input{position:absolute;width:100%;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;top:0;z-index:10;margin:0;padding:0}.pentest-journey .slider-input::-webkit-slider-runnable-track{height:8px;background:transparent}.pentest-journey .slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:linear-gradient(180deg,#fff,#e2e8f0);border:3px solid #0ea5e9;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0006,0 0 0 3px #0ea5e94d;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;margin-top:1px}.pentest-journey .slider-input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 12px #00000080,0 0 0 4px #0ea5e966}.pentest-journey .slider-input::-moz-range-track{height:8px;background:transparent}.pentest-journey .slider-input::-moz-range-thumb{width:22px;height:22px;background:linear-gradient(180deg,#fff,#e2e8f0);border:3px solid #0ea5e9;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0006,0 0 0 3px #0ea5e94d;-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.pentest-journey .slider-input::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 12px #00000080,0 0 0 4px #0ea5e966}.pentest-journey .time-range-hint{text-align:center;font-size:.7rem;color:#64748b;display:flex;align-items:center;justify-content:center;gap:.35rem}.pentest-journey .journey-graph{flex:1;position:relative;min-height:0;background:linear-gradient(180deg,#0f172afa,#0f172af2);overflow:hidden}.pentest-journey .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#64748b}.pentest-journey .empty-state svg{opacity:.3}.pentest-journey .empty-state button{padding:.5rem 1rem;background:#0ea5e933;border:1px solid #0ea5e9;border-radius:6px;color:#0ea5e9;cursor:pointer;transition:all .2s}.pentest-journey .empty-state button:hover{background:#0ea5e94d}.pentest-journey .domain-group{margin-bottom:1rem;background:#ffffff05;border:1px solid rgba(71,85,105,.2);border-radius:8px;overflow:hidden}.pentest-journey .domain-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#0ea5e91a;border-bottom:1px solid rgba(71,85,105,.2)}.pentest-journey .domain-header svg{color:#0ea5e9}.pentest-journey .domain-title{font-weight:600;font-size:.9rem;color:#f1f5f9}.pentest-journey .domain-badge{margin-left:auto;font-size:.7rem;padding:.2rem .5rem;background:#0ea5e933;border-radius:4px;color:#0ea5e9}.pentest-journey .pentests-list{padding:.5rem}.pentest-journey .pentest-item{margin-bottom:.25rem}.pentest-journey .pentest-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff05;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.pentest-journey .pentest-header:hover{background:#ffffff0d;border-color:#4755694d}.pentest-journey .pentest-header.expanded{background:#0ea5e91a;border-color:#0ea5e94d}.pentest-journey .pentest-expand{width:16px;color:#64748b}.pentest-journey .expand-placeholder{width:16px}.pentest-journey .pentest-icon{color:#0ea5e9}.pentest-journey .pentest-date{font-size:.8rem;color:#94a3b8;min-width:70px}.pentest-journey .pentest-type{font-size:.7rem;padding:.15rem .4rem;background:#64748b33;border-radius:3px;color:#64748b;text-transform:uppercase}.pentest-journey .pentest-score{font-size:.75rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;min-width:28px;text-align:center}.pentest-journey .pentest-score.score-good{background:#22c55e33;color:#22c55e}.pentest-journey .pentest-score.score-medium{background:#eab30833;color:#eab308}.pentest-journey .pentest-score.score-bad{background:#ef444433;color:#ef4444}.pentest-journey .pentest-vulns{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;margin-left:auto}.pentest-journey .pentest-link{padding:.25rem;background:transparent;border:none;color:#64748b;cursor:pointer;opacity:.5;transition:all .2s}.pentest-journey .pentest-header:hover .pentest-link{opacity:1}.pentest-journey .pentest-link:hover{color:#0ea5e9}.pentest-journey .vulns-list{margin-left:2.5rem;padding:.5rem 0;border-left:2px solid rgba(71,85,105,.2)}.pentest-journey .vuln-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;margin-left:.5rem;border-radius:4px;cursor:pointer;transition:all .2s}.pentest-journey .vuln-item:hover{background:#ffffff0d}.pentest-journey .vuln-severity{font-size:.65rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;text-transform:uppercase;min-width:50px;text-align:center}.pentest-journey .vuln-severity.critical{background:#dc262633;color:#dc2626}.pentest-journey .vuln-severity.high{background:#ea580c33;color:#ea580c}.pentest-journey .vuln-severity.medium{background:#ca8a0433;color:#ca8a04}.pentest-journey .vuln-severity.low{background:#2563eb33;color:#2563eb}.pentest-journey .vuln-severity.info{background:#6b728033;color:#6b7280}.pentest-journey .vuln-title{font-size:.75rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pentest-journey .vulns-more{font-size:.7rem;color:#64748b;padding:.4rem .75rem;margin-left:.5rem;font-style:italic}.pentest-journey .journey-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#0ea5e91a;border-top:1px solid rgba(14,165,233,.2)}.pentest-journey .journey-stats{display:flex;gap:1rem}.pentest-journey .journey-stats .stat{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#94a3b8}.pentest-journey .pagination-info{font-size:.8rem;color:#94a3b8}.pentest-journey .pagination-buttons{display:flex;gap:.5rem}.pentest-journey .load-more-btn,.pentest-journey .load-all-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.pentest-journey .load-more-btn{background:#0ea5e933;color:#0ea5e9}.pentest-journey .load-more-btn:hover:not(:disabled){background:#0ea5e94d}.pentest-journey .load-all-btn{background:#22c55e26;color:#22c55e}.pentest-journey .load-all-btn:hover:not(:disabled){background:#22c55e40}.pentest-journey button:disabled{opacity:.5;cursor:not-allowed}.pentest-journey .journey-tree::-webkit-scrollbar{width:8px}.pentest-journey .journey-tree::-webkit-scrollbar-track{background:#ffffff0d}.pentest-journey .journey-tree::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.pentest-journey .journey-tree::-webkit-scrollbar-thumb:hover{background:#fff3}.pentest-journey .vuln-load-popup{position:absolute;z-index:100;min-width:280px;max-width:320px;background:linear-gradient(180deg,#1e293bfa,#0f172afa);border:1px solid rgba(234,179,8,.4);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #eab30833;overflow:hidden;animation:popupFadeIn .2s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pentest-journey .vuln-load-popup .popup-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#eab30826;border-bottom:1px solid rgba(234,179,8,.2);color:#eab308;font-size:.85rem;font-weight:600}.pentest-journey .vuln-load-popup .popup-close{margin-left:auto;padding:.25rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pentest-journey .vuln-load-popup .popup-close:hover{background:#ffffff1a;color:#f1f5f9}.pentest-journey .vuln-load-popup .popup-content{padding:1rem}.pentest-journey .vuln-load-popup .popup-label{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#f1f5f9;word-break:break-word}.pentest-journey .vuln-load-popup .popup-stats{margin:0 0 .5rem;font-size:.85rem;color:#94a3b8;line-height:1.5}.pentest-journey .vuln-load-popup .popup-stats strong{color:#0ea5e9;font-size:1.1rem}.pentest-journey .vuln-load-popup .loaded-count{color:#64748b;font-size:.8rem}.pentest-journey .vuln-load-popup .popup-remaining{margin:0;padding:.5rem .75rem;background:#eab3081a;border-radius:6px;font-size:.8rem;color:#eab308;font-weight:500}.pentest-journey .vuln-load-popup .popup-actions{display:flex;gap:.5rem;padding:.75rem 1rem;background:#0003;border-top:1px solid rgba(71,85,105,.2)}.pentest-journey .vuln-load-popup .popup-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.pentest-journey .vuln-load-popup .load-more-btn{background:#0ea5e933;color:#0ea5e9;border:1px solid rgba(14,165,233,.3)}.pentest-journey .vuln-load-popup .load-more-btn:hover{background:#0ea5e94d;border-color:#0ea5e980}.pentest-journey .vuln-load-popup .load-all-btn{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.pentest-journey .vuln-load-popup .load-all-btn:hover{background:#22c55e4d;border-color:#22c55e80}.pentest-journey .vuln-load-popup .popup-actions button:disabled{opacity:.6;cursor:not-allowed}.pentest-journey .vuln-load-popup .popup-actions button:disabled:hover{background:initial}.pentest-journey .vuln-load-popup .popup-error{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#ef44441a;border-top:1px solid rgba(239,68,68,.2);font-size:.75rem;color:#ef4444}.pentest-journey .spin{animation:spin 1s linear infinite}.pentest-journey .journey-body{display:flex;flex:1;min-height:0;height:0;overflow:hidden}.pentest-journey .journey-sidebar{width:220px;min-width:220px;max-height:100%;background:#0f172afa;border-left:1px solid rgba(14,165,233,.2);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease}.pentest-journey .journey-sidebar.collapsed{width:40px}.pentest-journey .journey-sidebar .sidebar-header{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0ea5e91a;border-bottom:1px solid rgba(14,165,233,.2);font-size:.8rem;font-weight:600;color:#0ea5e9}.pentest-journey .journey-sidebar .sidebar-header span{flex:1}.pentest-journey .journey-sidebar.collapsed .sidebar-header span{display:none}.pentest-journey .journey-sidebar .sidebar-toggle{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.pentest-journey .journey-sidebar .sidebar-toggle:hover{background:#ffffff1a;color:#f1f5f9}.pentest-journey .journey-sidebar .sidebar-actions{flex-shrink:0;display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;border-bottom:1px solid rgba(71,85,105,.2)}.pentest-journey .journey-sidebar .action-btn{flex:1;min-width:45px;padding:.3rem .4rem;background:#47556933;border:1px solid rgba(71,85,105,.3);border-radius:4px;color:#94a3b8;font-size:.65rem;cursor:pointer;transition:all .2s}.pentest-journey .journey-sidebar .action-btn:hover{background:#0ea5e933;border-color:#0ea5e9;color:#0ea5e9}.pentest-journey .journey-sidebar .domain-list{flex:1;min-height:0;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.pentest-journey .journey-sidebar .domain-list::-webkit-scrollbar{width:6px}.pentest-journey .journey-sidebar .domain-list::-webkit-scrollbar-track{background:#4755691a;border-radius:3px}.pentest-journey .journey-sidebar .domain-list::-webkit-scrollbar-thumb{background:#0ea5e94d;border-radius:3px}.pentest-journey .journey-sidebar .domain-list::-webkit-scrollbar-thumb:hover{background:#0ea5e980}.pentest-journey .journey-sidebar .domain-item{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;background:#47556926;border:1px solid rgba(71,85,105,.2);border-radius:5px;color:#94a3b8;font-size:.7rem;cursor:pointer;transition:all .2s;text-align:left}.pentest-journey .journey-sidebar .domain-item:hover{background:#47556940;border-color:#47556966}.pentest-journey .journey-sidebar .domain-item.selected{background:#0ea5e926;border-color:#0ea5e966;color:#0ea5e9}.pentest-journey .journey-sidebar .domain-item.expanded{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.pentest-journey .journey-sidebar .domain-item.selected.expanded{background:linear-gradient(135deg,#0ea5e926,#22c55e26);border-color:#22c55e}.pentest-journey .journey-sidebar .domain-item .domain-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pentest-journey .journey-sidebar .domain-item .domain-count{font-size:.6rem;padding:.1rem .25rem;background:#0003;border-radius:3px}.pentest-journey .journey-sidebar .sidebar-hint{flex-shrink:0;display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;margin:.25rem .5rem;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:4px;color:#eab308;font-size:.65rem}.pentest-journey .journey-sidebar .sidebar-stats{flex-shrink:0;padding:.5rem;border-top:1px solid rgba(71,85,105,.2);background:#0000001a}.pentest-journey .journey-sidebar .stat-row{display:flex;align-items:center;gap:.35rem;padding:.2rem 0;font-size:.7rem;color:#64748b}.pentest-journey .journey-sidebar .stat-row svg{color:#0ea5e9}.pentest-journey .journey-sidebar .sidebar-pagination{flex-shrink:0;display:flex;gap:.25rem;padding:.5rem;border-top:1px solid rgba(71,85,105,.2)}.pentest-journey .journey-sidebar .load-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.4rem;background:#0ea5e926;border:1px solid rgba(14,165,233,.3);border-radius:4px;color:#0ea5e9;font-size:.65rem;cursor:pointer;transition:all .2s}.pentest-journey .journey-sidebar .load-btn:hover:not(:disabled){background:#0ea5e940}.pentest-journey .journey-sidebar .load-btn:disabled{opacity:.5;cursor:not-allowed}.pentest-journey .journey-timeline{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;background:#0f172afa;border-bottom:1px solid rgba(14,165,233,.2)}.pentest-journey .journey-timeline .timeline-labels{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#64748b;white-space:nowrap}.pentest-journey .journey-timeline .timeline-labels svg{color:#0ea5e9}.pentest-journey .journey-timeline .timeline-separator{color:#475569}.pentest-journey .journey-timeline .timeline-slider{flex:1;position:relative;height:20px;background:#47556933;border-radius:10px}.pentest-journey .journey-timeline .timeline-track-fill{position:absolute;top:2px;bottom:2px;background:linear-gradient(90deg,#0ea5e966,#0ea5e999);border-radius:8px;cursor:grab;display:flex;align-items:center;justify-content:center;transition:background .2s}.pentest-journey .journey-timeline .timeline-track-fill:hover{background:linear-gradient(90deg,#0ea5e980,#0ea5e9b3)}.pentest-journey .journey-timeline .timeline-track-fill.dragging{cursor:grabbing;background:linear-gradient(90deg,#0ea5e999,#0ea5e9cc)}.pentest-journey .journey-timeline .timeline-track-fill .track-grip{color:#ffffff80}.pentest-journey .journey-timeline .slider-input{position:absolute;inset:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;margin:0}.pentest-journey .journey-timeline .slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#0ea5e9;border:2px solid #f1f5f9;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px #0000004d}.pentest-journey .journey-timeline .slider-input::-moz-range-thumb{width:14px;height:14px;background:#0ea5e9;border:2px solid #f1f5f9;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px #0000004d}.pentest-journey .vuln-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.pentest-journey .vuln-detail-modal{width:90%;max-width:550px;max-height:80vh;background:linear-gradient(180deg,#0f172afa,#1e293bfa);border:1px solid rgba(14,165,233,.3);border-radius:12px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.pentest-journey .vuln-detail-modal .modal-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#0ea5e91a;border-bottom:1px solid rgba(14,165,233,.2)}.pentest-journey .vuln-detail-modal .modal-header h3{flex:1;margin:0;font-size:1rem;font-weight:600;color:#f1f5f9}.pentest-journey .vuln-detail-modal .modal-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.pentest-journey .vuln-detail-modal .modal-close:hover{color:#f1f5f9;background:#ffffff1a}.pentest-journey .vuln-detail-modal .severity-badge{font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.pentest-journey .vuln-detail-modal .severity-badge.critical{background:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.pentest-journey .vuln-detail-modal .severity-badge.high{background:#ea580c33;color:#ea580c;border:1px solid rgba(234,88,12,.3)}.pentest-journey .vuln-detail-modal .severity-badge.medium{background:#ca8a0433;color:#ca8a04;border:1px solid rgba(202,138,4,.3)}.pentest-journey .vuln-detail-modal .severity-badge.low{background:#2563eb33;color:#2563eb;border:1px solid rgba(37,99,235,.3)}.pentest-journey .vuln-detail-modal .severity-badge.info{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.pentest-journey .vuln-detail-modal .modal-content{padding:1.25rem;overflow-y:auto;flex:1}.pentest-journey .vuln-detail-modal .detail-row{display:flex;gap:.75rem;margin-bottom:1rem;align-items:flex-start}.pentest-journey .vuln-detail-modal .detail-row.full-width{flex-direction:column;gap:.35rem}.pentest-journey .vuln-detail-modal .detail-label{font-size:.75rem;color:#64748b;min-width:80px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pentest-journey .vuln-detail-modal .detail-value{font-size:.85rem;color:#e2e8f0}.pentest-journey .vuln-detail-modal .detail-value.code{font-family:Monaco,Menlo,monospace;background:#0000004d;padding:.25rem .5rem;border-radius:4px;color:#67e8f9;font-size:.8rem}.pentest-journey .vuln-detail-modal .detail-value.description,.pentest-journey .vuln-detail-modal .detail-value.recommendation{margin:0;line-height:1.6;background:#0003;padding:.75rem;border-radius:6px;border-left:3px solid rgba(14,165,233,.5)}.pentest-journey .vuln-detail-modal .detail-value.recommendation{border-left-color:#22c55e80}.pentest-journey .vuln-detail-modal .modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;background:#0003;border-top:1px solid rgba(14,165,233,.1)}.pentest-journey .vuln-detail-modal .btn-secondary{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s}.pentest-journey .vuln-detail-modal .btn-secondary:hover{background:#ffffff26;color:#f1f5f9}.pentest-journey .vuln-detail-modal .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(180deg,#0ea5e9,#0284c7);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.pentest-journey .vuln-detail-modal .btn-primary:hover{background:linear-gradient(180deg,#38bdf8,#0ea5e9);transform:translateY(-1px)}.schema-explainer-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease-out}.schema-explainer-modal{width:100%;max-width:700px;max-height:85vh;background:linear-gradient(180deg,#1e293bfa,#0f172afa);border:1px solid rgba(14,165,233,.3);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.schema-explainer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0ea5e91a;border-bottom:1px solid rgba(14,165,233,.2)}.schema-explainer-header .header-title{display:flex;align-items:center;gap:.75rem}.schema-explainer-header .header-title svg{color:#0ea5e9}.schema-explainer-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#f1f5f9}.schema-explainer-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.schema-explainer-header .close-btn:hover{background:#ffffff26;color:#f1f5f9}.schema-explainer-content{flex:1;overflow-y:auto;padding:1.25rem}.intro-section{margin-bottom:1.5rem;padding:1rem;background:#0ea5e914;border-radius:8px;border-left:3px solid #0ea5e9}.intro-section p{margin:0;font-size:.9rem;color:#94a3b8;line-height:1.6}.groups-section h3,.patterns-section h3,.legend-section h3{margin:0 0 1rem;font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.group-item{margin-bottom:.5rem;background:#ffffff05;border-radius:8px;overflow:hidden}.group-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-left:3px solid transparent;cursor:pointer;transition:all .2s}.group-header:hover{background:#ffffff0d}.group-expand{color:#64748b}.group-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.group-name{font-size:.9rem;font-weight:600;color:#f1f5f9}.group-count{margin-left:auto;font-size:.75rem;color:#64748b;padding:.15rem .5rem;background:#0003;border-radius:4px}.group-content{padding:.5rem 1rem 1rem;border-top:1px solid rgba(71,85,105,.2)}.group-description{margin:0 0 .75rem;font-size:.8rem;color:#64748b;line-height:1.5}.entities-list{display:flex;flex-direction:column;gap:.35rem}.entity-item{background:#ffffff08;border:1px solid rgba(71,85,105,.2);border-radius:6px;cursor:pointer;transition:all .2s}.entity-item:hover{background:#ffffff0d;border-color:#4755694d}.entity-item.selected{background:#0ea5e91a;border-color:#0ea5e94d}.entity-header{display:flex;align-items:center;padding:.5rem .75rem}.entity-name{font-size:.85rem;font-weight:500;color:#e2e8f0;font-family:SF Mono,Monaco,Menlo,monospace}.entity-details{padding:.75rem;border-top:1px solid rgba(71,85,105,.2);background:#00000026}.entity-description{margin:0 0 .75rem;font-size:.8rem;color:#94a3b8;line-height:1.5}.entity-section{margin-top:.75rem}.entity-section h5{margin:0 0 .5rem;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.attributes-list{display:flex;flex-wrap:wrap;gap:.35rem}.attribute-tag{font-size:.75rem;padding:.2rem .5rem;background:#64748b33;border-radius:4px;color:#94a3b8;font-family:SF Mono,Monaco,Menlo,monospace}.relationships-list{display:flex;flex-direction:column;gap:.25rem}.relationship-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#0ea5e9;font-family:SF Mono,Monaco,Menlo,monospace}.relationship-item svg{color:#64748b}.patterns-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(71,85,105,.2)}.pattern-item{margin-bottom:1rem;padding:.75rem;background:#ffffff05;border-radius:6px}.pattern-flow{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.pattern-node{font-size:.8rem;font-weight:500;padding:.25rem .5rem;background:#0ea5e926;border-radius:4px;color:#0ea5e9;font-family:SF Mono,Monaco,Menlo,monospace}.pattern-arrow{color:#64748b}.pattern-description{margin:0;font-size:.8rem;color:#94a3b8;line-height:1.5}.legend-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(71,85,105,.2)}.color-legend{display:flex;flex-wrap:wrap;gap:.75rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:14px;height:14px;border-radius:4px}.legend-label{font-size:.8rem;color:#94a3b8;text-transform:capitalize}.schema-explainer-content::-webkit-scrollbar{width:8px}.schema-explainer-content::-webkit-scrollbar-track{background:#ffffff0d}.schema-explainer-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.schema-explainer-content::-webkit-scrollbar-thumb:hover{background:#fff3}.schema-quick-info{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:#0ea5e90d;border:1px solid rgba(14,165,233,.15);border-radius:8px}.schema-quick-info .section-header{display:flex;align-items:center;gap:.4rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.schema-quick-info .section-header svg{color:#0ea5e9}.schema-quick-info .full-guide-btn{margin-left:auto;padding:.15rem .4rem;background:#0ea5e926;border:none;border-radius:4px;color:#0ea5e9;font-size:.6rem;font-weight:500;cursor:pointer;transition:all .2s}.schema-quick-info .full-guide-btn:hover{background:#0ea5e940}.schema-quick-info .active-entity{padding:.5rem;background:#ffffff08;border-left:3px solid;border-radius:4px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.schema-quick-info .active-entity-header{display:flex;align-items:center;gap:.4rem}.schema-quick-info .entity-dot{width:8px;height:8px;border-radius:50%}.schema-quick-info .entity-type{font-size:.85rem;font-weight:600;color:#f1f5f9;font-family:SF Mono,Monaco,Menlo,monospace}.schema-quick-info .entity-group-info{margin:.25rem 0 0;font-size:.7rem;color:#64748b}.schema-quick-info .entity-group-info strong{color:#94a3b8}.schema-quick-info .groups-quick-ref{display:flex;flex-direction:column;gap:.2rem;max-height:200px;overflow-y:auto}.schema-quick-info .group-quick-item{background:#ffffff05;border-radius:4px;overflow:hidden;transition:all .2s}.schema-quick-info .group-quick-item.active{background:#ffffff0d;box-shadow:0 0 0 1px #0ea5e94d}.schema-quick-info .group-quick-header{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;cursor:pointer;transition:background .15s}.schema-quick-info .group-quick-header:hover{background:#ffffff0d}.schema-quick-info .group-color{width:6px;height:6px;border-radius:2px;flex-shrink:0}.schema-quick-info .group-label{font-size:.7rem;font-weight:500;color:#e2e8f0;flex:1}.schema-quick-info .group-expand{color:#64748b}.schema-quick-info .group-quick-content{padding:.35rem .5rem .5rem;border-top:1px solid rgba(255,255,255,.04);background:#0000001a}.schema-quick-info .group-desc{margin:0 0 .35rem;font-size:.65rem;color:#64748b;line-height:1.4}.schema-quick-info .entity-tags{display:flex;flex-wrap:wrap;gap:.2rem}.schema-quick-info .entity-tag{font-size:.6rem;padding:.1rem .3rem;background:#64748b33;border-radius:3px;color:#94a3b8;font-family:SF Mono,Monaco,Menlo,monospace}.schema-quick-info .entity-tag.active{background:#0ea5e933;color:#0ea5e9}.schema-quick-info .entity-tag.more{color:#64748b;font-style:italic}.schema-quick-info .schema-tip{text-align:center;font-size:.6rem;color:#475569;font-style:italic}.schema-quick-info .groups-quick-ref::-webkit-scrollbar{width:4px}.schema-quick-info .groups-quick-ref::-webkit-scrollbar-track{background:transparent}.schema-quick-info .groups-quick-ref::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.network-analytics-page{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 60px);background:linear-gradient(135deg,#0a0f1a,#1a1f2e);color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.header-left{display:flex;align-items:center;gap:12px}.header-left svg{color:#0f8}.page-header h1{font-size:20px;font-weight:600;margin:0;background:linear-gradient(135deg,#0f8,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-mode-selector{display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:8px}.view-mode-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#888;cursor:pointer;transition:all .2s ease;font-size:13px}.view-mode-btn:hover{color:#fff;background:#ffffff1a}.view-mode-btn.active{color:#0f8;background:#00ff8826}.analytics-layout{display:flex;flex:1;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.04)}.sidebar-title{font-size:11px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:4px;color:#555;cursor:pointer;transition:all .15s ease}.sidebar-toggle-btn:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8}.sidebar-expand-btn{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#141923f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;cursor:pointer;transition:all .2s ease;z-index:20}.sidebar-expand-btn:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8}.filter-sidebar{width:180px;flex-shrink:0;padding:10px;background:#0003;border-left:1px solid rgba(255,255,255,.04);overflow-y:auto;display:flex;flex-direction:column;gap:10px;transition:width .2s ease,padding .2s ease,opacity .2s ease;font-size:.8rem;max-height:calc(100vh - 120px)}.filter-sidebar.collapsed{width:0;padding:0;opacity:0;overflow:hidden;border-left:none}.search-bar-container{position:relative}.search-input-wrapper{display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 8px;gap:6px}.search-icon{color:#666}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:12px;outline:none}.search-input::-moz-placeholder{color:#666}.search-input::placeholder{color:#666}.search-loader{animation:spin 1s linear infinite;color:#0f8}.search-clear{background:none;border:none;color:#666;cursor:pointer;padding:2px}.search-clear:hover{color:#fff}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#141923fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:300px;overflow-y:auto;z-index:100}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s ease}.search-result-item:hover{background:#00ff881a}.result-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.result-info{flex:1;min-width:0}.result-label{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-type{font-size:11px;color:#666}.result-score{font-size:11px;color:#0f8}.search-no-results{padding:16px;text-align:center;color:#666;font-size:13px}.filter-panel{background:#ffffff08;border-radius:8px;overflow:hidden}.filter-header{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;color:#888;transition:color .15s ease}.filter-header:hover{color:#fff}.filter-header span{flex:1;font-size:13px;font-weight:500}.filter-content{padding:0 12px 12px;display:flex;flex-direction:column;gap:12px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.filter-group select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;color:#fff;font-size:13px;cursor:pointer}.filter-options{display:flex;flex-wrap:wrap;gap:4px}.filter-option{padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .15s ease}.filter-option:hover{background:#ffffff1a;color:#fff}.filter-option.active{background:#00ff8826;border-color:#0f8;color:#0f8}.severity-filters{display:flex;flex-wrap:wrap;gap:6px}.severity-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0d;border:2px solid transparent;border-radius:4px;color:#888;font-size:11px;cursor:pointer;transition:all .15s ease}.severity-btn.active{color:#fff;background:#ffffff1a}.severity-dot{width:6px;height:6px;border-radius:50%}.clear-filters-btn{width:100%;padding:8px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#666;font-size:12px;cursor:pointer;transition:all .15s ease}.clear-filters-btn:hover{border-color:#f44;color:#f44}.traversal-guide{background:#ffffff08;border-radius:8px;padding:12px}.guide-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#888;margin:0 0 12px}.clear-path-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#666;cursor:pointer;transition:all .15s ease}.clear-path-btn:hover{background:#ff44441a;border-color:#ff44444d;color:#f44}.active-path-indicator{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:6px;margin-bottom:10px}.active-label{font-size:10px;color:#0f8;text-transform:uppercase}.active-path-name{font-size:12px;color:#0f8;font-weight:500}.guide-loading{font-size:12px;color:#666}.paths-list{display:flex;flex-direction:column;gap:4px}.path-item{background:#ffffff08;border-radius:6px;overflow:hidden}.path-item.active{border:1px solid rgba(0,255,136,.3)}.path-header{display:flex;align-items:center;padding:10px 12px;cursor:pointer}.path-name{flex:1;font-size:12px;color:#ccc}.expand-icon{color:#666;transition:transform .2s ease}.expand-icon.rotated{transform:rotate(90deg)}.path-details{padding:0 12px 12px;border-top:1px solid rgba(255,255,255,.05)}.path-description{font-size:11px;color:#666;margin:8px 0}.path-steps{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0}.path-step{padding:2px 6px;background:#00ff881a;border-radius:4px;font-size:10px;color:#0f8}.step-arrow{color:#444}.start-path-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;color:#0f8;font-size:11px;cursor:pointer;transition:all .15s ease;justify-content:center}.start-path-btn:hover{background:#0f83}.graph-legend{background:#ffffff08;border-radius:8px;padding:12px}.legend-title{font-size:13px;font-weight:500;color:#888;margin:0 0 10px}.legend-items{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#888;transition:color .15s ease}.legend-item:hover{color:#fff}.legend-item.hidden{opacity:.4}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.graph-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.graph-container{flex:1;min-height:0;background:transparent;position:relative;overflow:hidden}.back-to-paths-btn{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#6366f126;border:1px solid rgba(99,102,241,.4);border-radius:8px;color:#a5b4fc;font-size:.85rem;font-weight:500;cursor:pointer;z-index:20;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.back-to-paths-btn:hover{background:#6366f140;border-color:#6366f199;color:#c7d2fe;transform:translate(-2px)}.back-to-paths-btn svg{transition:transform .2s ease}.back-to-paths-btn:hover svg{transform:translate(-3px)}.back-to-paths-btn .current-path-label{margin-left:8px;padding-left:12px;border-left:1px solid rgba(99,102,241,.4);color:#94a3b8;font-weight:400}.graph-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.graph-controls{position:absolute;top:16px;right:16px;display:flex;gap:4px;z-index:10;background:#141923e6;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#888;cursor:pointer;transition:all .15s ease}.control-btn:hover{background:#ffffff1a;color:#fff}.control-divider{width:1px;height:20px;background:#ffffff1a;margin:0 4px}.control-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:4px;width:auto;padding:0 8px}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#141923fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:180px;z-index:100;box-shadow:0 4px 12px #0006}.dropdown-label{padding:6px 12px;font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.active{background:#00ff8826;color:#0f8}.depth-btn{position:relative}.depth-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;background:#0f83;color:#0f8;border-radius:4px;margin-left:2px}.depth-option-label{font-weight:500}.depth-option-desc{font-size:10px;color:#666;margin-left:auto}.dropdown-item.active .depth-option-desc{color:#00ff88b3}.control-btn.disabled{opacity:.4;cursor:not-allowed}.node-details-card{position:absolute;top:60px;left:16px;width:300px;max-height:320px;background:#0f141ef2;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;overflow-y:auto;z-index:50}.node-details-card.fixed-position{left:auto;right:16px;top:60px}.node-details{padding:16px}.node-details.compact{padding:12px;max-height:260px;overflow-y:auto}.node-details.compact .node-details-title h3{font-size:14px;margin-bottom:8px}.node-details.compact .node-stats.inline{flex-direction:row;gap:16px;padding:8px;margin:8px 0}.node-details.compact .node-stats.inline .stat-item{flex-direction:row;gap:6px}.node-details.compact .node-stats.inline .stat-value{font-size:14px}.node-details.compact .node-stats.inline .stat-label{font-size:10px}.node-details.compact .node-actions.compact{gap:6px;margin:8px 0}.node-details.compact .node-actions.compact .action-btn{padding:6px 10px;flex:none}.node-details.compact .property-item{padding:4px 0}.node-details.compact .property-item.more{color:#666;font-style:italic}.node-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.node-type-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;color:#000}.synthetic-badge{padding:3px 8px;background:linear-gradient(135deg,#6366f14d,#a855f74d);border:1px dashed rgba(168,85,247,.5);border-radius:8px;font-size:10px;font-weight:500;color:#c4b5fd;display:flex;align-items:center;gap:4px}.synthetic-info{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin:8px 0 12px;background:#6366f11a;border:1px dashed rgba(99,102,241,.3);border-radius:8px;font-size:11px;color:#a5b4fc;line-height:1.4}.synthetic-info svg{flex-shrink:0;margin-top:1px}.node-details.synthetic{border:1px dashed rgba(168,85,247,.3)}.node-details.synthetic .node-details-header{flex-wrap:wrap;gap:8px}.nav-action-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.expansion-progress{margin:12px 0;padding:10px 12px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px}.expansion-stats{display:flex;align-items:baseline;gap:4px;margin-bottom:8px;font-size:12px}.expansion-stats .loaded-count{font-size:16px;font-weight:600;color:#a5b4fc}.expansion-stats .separator{color:#64748b}.expansion-stats .total-count{font-size:14px;font-weight:500;color:#94a3b8}.expansion-stats .label{color:#64748b;margin-left:4px}.progress-bar{height:4px;background:#6366f133;border-radius:2px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;transition:width .3s ease}.expansion-actions{display:flex;gap:8px}.expansion-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid}.expansion-btn.load-more{background:#6366f126;border-color:#6366f14d;color:#a5b4fc;flex:1}.expansion-btn.load-more:hover:not(:disabled){background:#6366f140;border-color:#6366f180}.expansion-btn.expand-all{background:#a855f726;border-color:#a855f74d;color:#c4b5fd}.expansion-btn.expand-all:hover:not(:disabled){background:#a855f740;border-color:#a855f780}.expansion-btn:disabled{opacity:.5;cursor:not-allowed}.expansion-btn .spin{animation:spin 1s linear infinite}.close-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px}.close-btn:hover{color:#fff}.node-details-title h3{font-size:16px;font-weight:600;margin:0 0 4px;color:#fff;word-break:break-word}.node-id{font-size:11px;color:#666;font-family:monospace}.node-stats{display:flex;gap:16px;margin:16px 0;padding:12px;background:#ffffff08;border-radius:8px}.node-stats .stat-item{display:flex;flex-direction:column;align-items:center}.node-stats .stat-value{font-size:20px;font-weight:600;color:#fff}.node-stats .stat-label{font-size:10px;color:#666}.node-actions{display:flex;gap:8px;margin:16px 0}.action-btn{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;font-size:12px;cursor:pointer;transition:all .15s ease}.action-btn:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8}.node-workspace-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.workspace-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0088ff1a;border:1px solid rgba(0,136,255,.3);border-radius:6px;color:#08f;font-size:12px;cursor:pointer;transition:all .15s ease;flex:1;justify-content:center;min-width:80px}.workspace-action-btn:hover{background:#08f3;border-color:#0088ff80}.workspace-action-btn.risk{background:#ffaa001a;border-color:#ffaa004d;color:#fa0}.workspace-action-btn.risk:hover{background:#fa03;border-color:#ffaa0080}.node-properties h4{font-size:12px;font-weight:500;color:#888;margin:0 0 8px}.properties-list{display:flex;flex-direction:column;gap:6px}.property-item{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.property-key{font-size:11px;color:#666;flex-shrink:0}.property-value{font-size:11px;color:#ccc;text-align:right;word-break:break-word}.external-link{display:flex;align-items:center;gap:6px;margin-top:16px;padding:8px 12px;background:#0088ff1a;border:1px solid rgba(0,136,255,.3);border-radius:6px;color:#08f;font-size:12px;text-decoration:none;justify-content:center}.external-link:hover{background:#08f3}.node-type-content{margin:12px 0}.node-insight-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.insight-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;border-radius:4px;background:#ffffff1a;color:#ccc}.insight-badge.severity-critical{background:#e05a5a33;color:#e05a5a}.insight-badge.severity-high{background:#e88a5a33;color:#e88a5a}.insight-badge.severity-medium{background:#e8b75a33;color:#e8b75a}.insight-badge.severity-low{background:#5ac4a833;color:#5ac4a8}.insight-badge.severity-info{background:#5a9de833;color:#5a9de8}.insight-badge.warning{background:#e88a5a33;color:#e88a5a}.insight-badge.success{background:#5ac87833;color:#5ac878}.insight-badge.cvss{background:#a87de833;color:#a87de8}.insight-badge.cwe{background:#7dd8e833;color:#7dd8e8}.insight-badge.count{background:#8a8a8a33;color:#aaa}.insight-badge.status-completed,.insight-badge.status-success{background:#5ac87833;color:#5ac878}.insight-badge.status-running,.insight-badge.status-in_progress{background:#5a9de833;color:#5a9de8}.insight-badge.status-pending{background:#e8b75a33;color:#e8b75a}.insight-badge.status-failed,.insight-badge.status-error{background:#e05a5a33;color:#e05a5a}.node-description{font-size:12px;color:#aaa;line-height:1.5;margin-bottom:10px}.node-remediation{font-size:11px;color:#888;line-height:1.4;padding:8px;background:#5ac8781a;border-left:2px solid #5ac878;border-radius:4px;margin-bottom:10px}.remediation-label{font-weight:600;color:#5ac878;margin-right:4px}.node-meta-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#888;margin:6px 0}.node-meta-row svg{opacity:.6}.node-meta-row.highlight{color:#e88a5a}.node-meta-row.highlight svg{opacity:1}.node-quick-actions{display:flex;gap:8px;margin-top:12px}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#aaa;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.quick-action-btn:hover{background:#ffffff1a;color:#fff}.quick-action-btn.primary{background:#5a9de826;border-color:#5a9de84d;color:#5a9de8}.quick-action-btn.primary:hover{background:#5a9de840;border-color:#5a9de880}.node-properties-compact{margin-top:8px}.node-properties-compact .property-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:11px}.node-properties-compact .property-key{color:#666}.node-properties-compact .property-value{color:#aaa}.node-nav-actions{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.nav-action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#888;font-size:11px;cursor:pointer;transition:all .15s ease;text-decoration:none}.nav-action-btn:hover{background:#00ff881a;border-color:#00ff884d;color:#0f8}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#888}.loading-spinner{animation:spin 1s linear infinite;color:#0f8}.error-container svg{color:#f44}.error-container h3{margin:0;color:#fff}.error-container p{margin:0;color:#888}.retry-btn{padding:10px 20px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#0f8;cursor:pointer;transition:all .15s ease}.retry-btn:hover{background:#0f83}.schema-canvas-panel{position:absolute;top:72px;right:16px;width:240px;background:linear-gradient(180deg,#0f172af2,#0f172afa);border:1px solid rgba(14,165,233,.3);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;z-index:50;animation:panelSlideIn .3s ease-out;overflow:hidden}@keyframes panelSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.schema-panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#0ea5e926;border-bottom:1px solid rgba(14,165,233,.2)}.schema-panel-header svg{color:#0ea5e9;flex-shrink:0}.schema-panel-header span{font-size:.85rem;font-weight:600;color:#f1f5f9;flex:1}.schema-panel-expand{padding:.25rem .6rem;background:#0ea5e933;border:1px solid rgba(14,165,233,.3);border-radius:6px;color:#0ea5e9;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.schema-panel-expand:hover{background:#0ea5e94d}.schema-panel-active{padding:1rem;background:#0ea5e914;border-bottom:1px solid rgba(14,165,233,.15);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.active-entity-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.entity-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.entity-name{font-size:1.1rem;font-weight:700;color:#f1f5f9;font-family:SF Mono,Monaco,Menlo,monospace}.entity-stat{display:flex;align-items:baseline;gap:.35rem;margin-bottom:.5rem}.entity-stat .stat-num{font-size:1.5rem;font-weight:700;color:#0ea5e9}.entity-stat .stat-label{font-size:.75rem;color:#64748b}.entity-group{font-size:.8rem;color:#94a3b8}.entity-group strong{color:#f1f5f9;text-transform:capitalize}.schema-panel-groups{padding:.75rem 1rem}.groups-title{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .5rem}.group-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#94a3b8}.group-item .dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.schema-panel-tip{padding:.6rem 1rem;background:#0003;font-size:.7rem;color:#64748b;text-align:center;font-style:italic}@media(max-width:1200px){.filter-sidebar{width:160px;min-width:160px}.details-sidebar{width:220px;min-width:220px}}@media(max-width:1000px){.analytics-layout{flex-direction:column}.filter-sidebar{width:100%;min-width:auto;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.graph-main{min-height:500px}.details-sidebar{width:100%;min-width:auto;border-left:none;border-top:1px solid rgba(255,255,255,.08)}}.network-analytics-page.fullscreen{position:fixed;inset:0;width:100vw;height:100vh;min-height:100vh;z-index:9999;background:linear-gradient(135deg,#0a0f1a,#1a1f2e)}.network-analytics-page.fullscreen .analytics-layout{height:100%}.network-analytics-page.fullscreen .graph-main{width:100%}.network-analytics-page.fullscreen .graph-container{height:100%}.network-analytics-page.fullscreen .graph-controls{background:#0a0f1ae6;border-radius:8px;padding:8px 12px;box-shadow:0 4px 20px #0006}.control-btn.active{color:#0f8;background:#00ff8826}.network-analytics-page.fullscreen:before{content:"Press ESC to exit fullscreen";position:absolute;top:16px;left:50%;transform:translate(-50%);background:#0009;color:#ffffffb3;padding:8px 16px;border-radius:4px;font-size:12px;z-index:10000;opacity:0;animation:fadeHint 3s ease forwards}@keyframes fadeHint{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.pentest-journey-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.pentest-journey-wrapper .back-to-paths-btn{position:absolute;top:12px;left:12px;z-index:100}.pentest-journey-graph{flex:1;min-height:0;position:relative}.pentest-journey-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#0ea5e91a;border-top:1px solid rgba(14,165,233,.2);flex-shrink:0}.pentest-journey-controls .pagination-info{display:flex;align-items:center;gap:1rem}.pentest-journey-controls .pagination-count{font-size:.85rem;color:#94a3b8;font-weight:500}.pentest-journey-controls .date-range{font-size:.75rem;color:#64748b;padding:.25rem .5rem;background:#64748b33;border-radius:4px}.pentest-journey-controls .pagination-buttons{display:flex;gap:.5rem}.pentest-journey-controls .load-more-btn,.pentest-journey-controls .load-all-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pentest-journey-controls .load-more-btn{background:#0ea5e933;color:#0ea5e9}.pentest-journey-controls .load-more-btn:hover:not(:disabled){background:#0ea5e94d;transform:translateY(-1px)}.pentest-journey-controls .load-all-btn{background:#22c55e26;color:#22c55e}.pentest-journey-controls .load-all-btn:hover:not(:disabled){background:#22c55e40;transform:translateY(-1px)}.pentest-journey-controls button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pentest-journey-controls .spin{animation:spin 1s linear infinite}.pentest-journey-controls .time-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#64748b26;border-radius:8px}.pentest-journey-controls .time-filter-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#94a3b8;font-weight:500}.pentest-journey-controls .time-filter-inputs{display:flex;align-items:center;gap:.5rem}.pentest-journey-controls .time-filter-date{padding:.35rem .5rem;border:1px solid rgba(100,116,139,.3);border-radius:4px;background:#0f172a99;color:#f1f5f9;font-size:.75rem;font-family:inherit}.pentest-journey-controls .time-filter-date:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.pentest-journey-controls .time-filter-separator{color:#64748b;font-size:.75rem}.pentest-journey-controls .time-filter-clear{display:flex;align-items:center;justify-content:center;padding:.3rem;border:none;border-radius:4px;background:#ef444433;color:#ef4444;cursor:pointer;transition:all .2s}.pentest-journey-controls .time-filter-clear:hover{background:#ef44444d}.pentest-journey-controls .time-filter-quick{display:flex;gap:.25rem}.pentest-journey-controls .quick-filter-btn{padding:.25rem .5rem;border:1px solid rgba(100,116,139,.3);border-radius:4px;background:transparent;color:#94a3b8;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.pentest-journey-controls .quick-filter-btn:hover{background:#64748b33;color:#f1f5f9}.pentest-journey-controls .quick-filter-btn.active{background:#0ea5e933;border-color:#0ea5e9;color:#0ea5e9}.pentest-journey-controls .date-range{display:flex;align-items:center;gap:.35rem}:root{--primary-color: #00ff88;--secondary-color: #00cc6a;--dark-bg: #0a0f0a;--darker-bg: #000000;--card-bg: #0d1f14;--text-primary: #ffffff;--text-secondary: #b4bdb8;--accent-green: #00ff88;--accent-emerald: #50e3c2;--accent-cyan: #00d9ff;--accent-purple: #a855f7;--accent-red: #ff4d4d;--accent-yellow: #ffd600;--border-color: #1a3a25;--glow-color: rgba(0, 255, 136, .15)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(0,255,136,.3) rgba(0,0,0,.2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#00ff8880}::-webkit-scrollbar-corner{background:transparent}textarea::-webkit-scrollbar{width:6px;height:6px}textarea::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}textarea::-webkit-scrollbar-thumb{background:#00ff8840;border-radius:3px}textarea::-webkit-scrollbar-thumb:hover{background:#0f86}pre::-webkit-scrollbar,code::-webkit-scrollbar{height:6px}pre::-webkit-scrollbar-track,code::-webkit-scrollbar-track{background:#0006;border-radius:3px}pre::-webkit-scrollbar-thumb,code::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}pre::-webkit-scrollbar-thumb:hover,code::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.table-container::-webkit-scrollbar,table::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track,table::-webkit-scrollbar-track{background:#0003;border-radius:3px}.table-container::-webkit-scrollbar-thumb,table::-webkit-scrollbar-thumb{background:#0f83;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover,table::-webkit-scrollbar-thumb:hover{background:#0f86}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;background-image:radial-gradient(at 0% 0%,rgba(0,255,136,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(0,217,255,.06) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(168,85,247,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(0,255,136,.06) 0px,transparent 50%);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,255,136,.02) 1px,transparent 1px),linear-gradient(0deg,rgba(0,255,136,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.btn{padding:14px 36px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-block;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--darker-bg);font-weight:700;box-shadow:0 8px 24px #00ff8840}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px #00ff8880;background:linear-gradient(135deg,var(--accent-emerald),var(--primary-color))}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-secondary{background:#00ff880d;border:2px solid var(--primary-color);color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--primary-color);color:var(--darker-bg);border-color:var(--accent-emerald);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #00ff8859}.card{background:linear-gradient(135deg,#0d1f14d9,#0a190fbf);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:36px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,255,136,.04),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary-color),var(--accent-cyan),var(--accent-purple),var(--primary-color));background-size:400% 400%;border-radius:20px;opacity:0;z-index:-1;animation:gradientShift 8s ease infinite;transition:opacity .3s ease}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #00ff881f;border-color:#0f86}.card:hover:before{opacity:1}.card:hover:after{opacity:.3}.card h3{color:var(--text-primary);position:relative;z-index:1}.card p{position:relative;z-index:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d9ff1a}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-high{background:var(--accent-red);color:#fff}.badge-medium{background:var(--accent-yellow);color:var(--darker-bg)}.badge-low{background:var(--accent-green);color:var(--darker-bg)}.badge-silver{background:linear-gradient(135deg,silver,#a8a8a8);color:var(--darker-bg)}.badge-gold{background:linear-gradient(135deg,gold,#ffed4e);color:var(--darker-bg)}.badge-platinum{background:linear-gradient(135deg,#e5e4e2,#fff);color:var(--darker-bg)}.navbar{background:#0d1f1466;border-bottom:1px solid rgba(0,255,136,.1);padding:20px 0;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 32px #00000080;transition:all .3s ease}.navbar:hover{background:#0d1f1499;border-bottom-color:#0f83}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-content>.logo{margin:0!important;padding:0!important}.navbar .container{padding-left:20px!important;padding-right:20px!important}.navbar a{text-indent:0;margin-left:0}.navbar-content{gap:0}.navbar-content-workspace{display:flex;justify-content:space-between;align-items:center;padding:0 32px;width:100%;position:relative;z-index:1}.logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--accent-cyan),var(--accent-emerald));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGradient 4s ease infinite;text-shadow:0 0 40px rgba(0,255,136,.3);transition:all .3s ease;position:relative;margin:0;padding:0;text-decoration:none;display:inline-block;left:0;transform:none}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(0,255,136,.6))}@keyframes logoGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav-links{display:flex;gap:32px;align-items:center;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:8px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-cyan));transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.nav-links a:hover,.nav-links a.active{color:var(--primary-color);text-shadow:0 0 20px rgba(0,255,136,.4)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hero{text-align:center;padding:120px 20px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,136,.15) 0%,transparent 70%);transform:translate(-50%);animation:pulse 4s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:.5}50%{transform:translate(-50%) scale(1.2);opacity:.8}}.hero h1{font-size:72px;margin-bottom:32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-cyan) 50%,var(--accent-emerald) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradient 5s ease infinite;font-weight:900;letter-spacing:-2px;line-height:1.2;position:relative;z-index:1;text-shadow:0 0 80px rgba(0,255,136,.3)}@keyframes heroGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero p{font-size:22px;color:var(--text-secondary);max-width:700px;margin:0 auto 48px;line-height:1.8;font-weight:400;position:relative;z-index:1}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.error-message{background:#ff00551a;border:1px solid var(--accent-red);color:var(--accent-red);padding:16px;border-radius:8px;margin-bottom:20px}.success-message{background:#00ff881a;border:1px solid var(--accent-green);color:var(--accent-green);padding:16px;border-radius:8px;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card:nth-child(odd){animation:float 8s ease-in-out infinite}.card:nth-child(2n){animation:float 8s ease-in-out infinite;animation-delay:1s}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#00ff884d,#fff0);background-size:1000px 100%;animation:shimmer 3s infinite}.glow{position:relative}.glow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(0,255,136,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1;filter:blur(20px)}.glow:hover:before{opacity:.6}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;width:2px;height:2px;background:var(--primary-color);border-radius:50%;opacity:.3;animation:particleFloat 10s infinite ease-in-out}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) translate(50px);opacity:0}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scan-line{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.1;animation:scan 10s linear infinite;pointer-events:none;z-index:9999}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #00ff8826,0 0 20px #00ff884d;transform:translateY(-2px)}.spinner{border:4px solid rgba(0,255,136,.1);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #00ff884d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lift{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0f83}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--accent-cyan),var(--accent-purple));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.neon-border{position:relative;border:2px solid rgba(0,255,136,.4);box-shadow:0 0 8px #0f83,inset 0 0 8px #00ff881a;animation:neonPulse 3s ease-in-out infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 8px #0f83,inset 0 0 8px #00ff881a}50%{box-shadow:0 0 12px #00ff884d,inset 0 0 12px #00ff8826}}@media(max-width:1024px){.container{padding:0 16px}.hero{padding:80px 20px}.hero h1{font-size:56px}.card{padding:28px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media(max-width:768px){.hero{padding:60px 16px}.hero h1{font-size:42px;letter-spacing:-1px;margin-bottom:24px}.hero p{font-size:18px;margin-bottom:32px}.nav-links{gap:16px;font-size:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:20px;border-radius:16px}body:before{background-size:30px 30px}.btn{padding:12px 28px;font-size:15px}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:14px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:14px}table th,table td{padding:10px 8px!important;font-size:13px!important}.badge{font-size:10px;padding:3px 10px}.spinner{width:40px;height:40px}.container{max-width:100%;padding:0 16px}body{overflow-x:hidden}*:not(svg):not(svg *):not(.recharts-wrapper):not(.recharts-wrapper *):not(.recharts-surface):not(.recharts-surface *){max-width:100%}h1{font-size:28px!important;line-height:1.3}h2{font-size:24px!important;line-height:1.3}h3{font-size:20px!important;line-height:1.4}}@media(max-width:480px){.hero{padding:40px 12px}.hero h1{font-size:32px;letter-spacing:0}.hero p{font-size:16px;line-height:1.6}.card{padding:16px;border-radius:12px}.btn{padding:10px 20px;font-size:14px;width:100%;max-width:100%}.form-group input,.form-group textarea,.form-group select{padding:12px}table th,table td{padding:8px 6px!important;font-size:12px!important}.container{padding:0 12px}body:before{background-size:20px 20px}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}p{font-size:14px;line-height:1.6}}html{overflow-x:hidden}body{overflow-x:hidden;position:relative}img{max-width:100%;height:auto}@media(hover:none)and (pointer:coarse){button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}