*{box-sizing:border-box;margin:0;padding:0}:root{--primary-orange:#ff7b00;--primary-orange-light:#f93;--dark-bg:#0a0e17;--dark-bg-secondary:#11161e;--dark-card:#1a1f2e;--text-primary:#e8eaf0;--text-secondary:#8b949e;--border-color:#ff7b0033;--sidebar-width:280px;--navbar-height:70px}body{background:linear-gradient(135deg,var(--dark-bg)0%,var(--dark-card)100%);color:var(--text-primary);font-family:Inter,Segoe UI,sans-serif;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);height:var(--navbar-height);top:0;left:var(--sidebar-width);z-index:999;transition:left .3s;position:fixed;right:0;box-shadow:0 4px 30px #0000004d;background:#0f1419f2!important}.navbar.sidebar-hidden{left:0}.navbar-content{justify-content:space-between;align-items:center;width:100%;padding:0 30px;display:flex}.navbar-left{align-items:center;gap:20px;display:flex}.menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;transition:all .3s}.menu-toggle:hover{color:var(--primary-orange);background:#ff7b001a}.search-bar{width:400px;position:relative}.search-bar input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#1a1f2ecc;border-radius:25px;padding:10px 20px 10px 45px;transition:all .3s}.search-bar input:focus{border-color:var(--primary-orange);background:#1a1f2e;outline:none;box-shadow:0 0 20px #ff7b0033}.search-bar i{color:var(--text-secondary);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.navbar-right{align-items:center;gap:15px;display:flex}.notification-btn,.user-avatar{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#1a1f2ecc;border-radius:12px;padding:10px 15px;transition:all .3s;position:relative}.notification-btn:hover,.user-avatar:hover{border-color:var(--primary-orange);background:#ff7b001a;transform:translateY(-2px)}.notification-badge{color:#fff;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;animation:2s infinite pulse-badge;display:flex;position:absolute;top:-5px;right:-5px}@keyframes pulse-badge{0%,to{box-shadow:0 0 #dc3545b3}50%{box-shadow:0 0 0 6px #dc354500}}.sidebar{height:100vh;width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:1000;background:linear-gradient(#0a0e17 0%,#151a25 100%);flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:4px 0 30px #00000080}.sidebar.hidden{transform:translate(-100%)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--primary-orange);border-radius:3px}.sidebar-brand{color:#fff;letter-spacing:1px;text-shadow:0 0 30px #ff7b0099;border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:10px;padding:25px;font-size:1.6rem;font-weight:800;display:flex}.sidebar-brand i{color:var(--primary-orange);font-size:1.8rem}.menu-section{padding:20px 0}.menu-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;padding:0 25px;font-size:11px;font-weight:600}.sidebar a,.sidebar .menu-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;padding:14px 25px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar a:before,.sidebar .menu-item:before{content:"";background:linear-gradient(180deg,var(--primary-orange),var(--primary-orange-light));width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.sidebar a:hover,.sidebar .menu-item:hover{color:var(--primary-orange);background:linear-gradient(90deg,#ff7b0026 0%,#0000 100%);padding-left:30px}.sidebar a:hover:before,.sidebar .menu-item:hover:before{transform:scaleY(1)}.sidebar a.active,.sidebar .menu-item.active{color:var(--primary-orange);background:linear-gradient(90deg,#ff7b0033 0%,#0000 100%);padding-left:30px;font-weight:600}.sidebar a.active:before,.sidebar .menu-item.active:before{transform:scaleY(1)}.sidebar a i,.sidebar .menu-item i{text-align:center;width:24px;font-size:18px}.submenu{background:#0a0e1799;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.submenu.open{max-height:600px}.submenu a{padding-left:70px;font-size:14px}.submenu a:hover,.submenu a.active{padding-left:75px}.menu-item .chevron{margin-left:auto;font-size:14px;transition:transform .3s}.menu-item.open .chevron{transform:rotate(180deg)}.logout-area{border-top:1px solid var(--border-color);margin-top:auto;padding:15px 0}.main-content{margin-left:var(--sidebar-width);padding:30px;padding-top:calc(var(--navbar-height) + 30px);min-height:100vh;transition:margin-left .3s}.main-content.sidebar-hidden{margin-left:0}.page-header{margin-bottom:30px}.page-title{color:var(--text-primary);align-items:center;gap:15px;margin-bottom:8px;font-size:32px;font-weight:700;display:flex}.page-title i{color:var(--primary-orange)}.page-description{color:var(--text-secondary);font-size:16px}.status-banner{background:linear-gradient(135deg,#dc354526 0%,#dc35450d 100%);border:2px solid #dc3545;border-radius:16px;align-items:center;gap:20px;margin-bottom:30px;padding:25px;display:flex}.status-banner.warning{background:linear-gradient(135deg,#ffc10726 0%,#ffc1070d 100%);border-color:#ffc107}.status-banner.success{background:linear-gradient(135deg,#19875426 0%,#1987540d 100%);border-color:#28a745}.status-icon{flex-shrink:0;font-size:48px}.status-banner .status-icon{color:#dc3545}.status-banner.warning .status-icon{color:#ffc107}.status-banner.success .status-icon{color:#28a745}.status-content h4{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.status-content p{color:var(--text-secondary);margin:0}.stats-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:linear-gradient(135deg,var(--dark-bg-secondary)0%,var(--dark-card)100%);border:1px solid var(--border-color);border-radius:16px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:var(--primary-orange);transform:translateY(-8px);box-shadow:0 15px 40px #ff7b0040}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.stat-icon{width:50px;height:50px;color:var(--primary-orange);background:#ff7b001a;border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:flex}.stat-value{color:var(--text-primary);margin-bottom:5px;font-size:32px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-change{border-radius:20px;align-items:center;gap:5px;margin-top:10px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.stat-change.positive{color:#28a745;background:#19875426}.stat-change.negative{color:#dc3545;background:#dc354526}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.info-card{background:linear-gradient(135deg,var(--dark-bg-secondary)0%,var(--dark-card)100%);border:1px solid var(--border-color);border-radius:16px;padding:25px;transition:all .3s}.info-card:hover{border-color:var(--primary-orange);transform:translateY(-5px);box-shadow:0 10px 30px #ff7b0033}.info-card-title{color:var(--primary-orange);align-items:center;gap:10px;margin-bottom:15px;font-size:16px;font-weight:600;display:flex}.info-card-content{color:var(--text-secondary);line-height:1.6}.detail-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#1a2332 0%,#2a3444 100%);border-radius:16px;margin-bottom:30px;padding:30px}.detail-card h4{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.detail-card h4 i{color:var(--primary-orange)}.detail-list{padding:0;list-style:none}.detail-list li{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px 0;display:flex}.detail-list li:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);background:#ff7b001a;border-radius:8px;padding:8px 15px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.code-block{border:1px solid var(--border-color);color:#58a6ff;background:#0d1117;border-radius:12px;margin:20px 0;padding:20px;font-family:Courier New,monospace;font-size:14px;position:relative;overflow-x:auto}.code-block:before{content:"DNS Record";color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;position:absolute;top:10px;right:15px}.fix-guide{border:1px solid var(--primary-orange);background:linear-gradient(135deg,#ff7b001a 0%,#ff7b000d 100%);border-radius:16px;margin-bottom:30px;padding:30px}.fix-guide h4{color:var(--primary-orange);align-items:center;gap:12px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.fix-steps{counter-reset:step-counter;padding:0;list-style:none}.fix-steps li{color:var(--text-secondary);counter-increment:step-counter;margin-bottom:20px;padding-left:50px;line-height:1.6;position:relative}.fix-steps li:before{content:counter(step-counter);background:var(--primary-orange);color:#0d0f12;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;font-weight:700;display:flex;position:absolute;top:0;left:0}.score-card{border:2px solid var(--primary-orange);background:linear-gradient(135deg,#1a1f2e 0%,#252d3d 100%);border-radius:20px;margin-bottom:30px;padding:35px;position:relative;overflow:hidden;box-shadow:0 10px 40px #ff7b004d}.score-card:before{content:"";background:radial-gradient(circle,#ff7b001a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;right:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.score-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.score-info h3{color:var(--text-primary);margin-bottom:10px;font-size:28px;font-weight:700}.score-meta{color:var(--text-secondary);gap:25px;font-size:15px;display:flex}.score-meta span{align-items:center;gap:8px;display:flex}.score-display{width:140px;height:140px;position:relative}.score-circle{background:conic-gradient(var(--primary-orange)0deg,var(--primary-orange)calc(var(--score)*3.6deg),#ff7b001a calc(var(--score)*3.6deg));border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:1s ease-out score-appear;display:flex}@keyframes score-appear{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.score-inner{background:var(--dark-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.score-number{color:var(--primary-orange);text-shadow:0 0 20px #ff7b0080;font-size:36px;font-weight:800}.score-total{color:var(--text-secondary);font-size:14px}.security-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.security-card{background:linear-gradient(135deg,var(--dark-bg-secondary)0%,var(--dark-card)100%);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.security-card:after{content:"";background:linear-gradient(90deg,transparent,var(--status-color),transparent);width:100%;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.security-card:hover:after{transform:scaleX(1)}.security-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d}.security-icon{margin-bottom:15px;font-size:48px;transition:all .3s;display:inline-block}.security-card:hover .security-icon{transform:scale(1.15)rotate(5deg)}.security-title{color:var(--text-primary);margin-bottom:10px;font-size:16px;font-weight:600}.security-status{border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.status-danger{color:#dc3545;--status-color:#dc3545;background:#dc354526}.status-warning{color:#ffc107;--status-color:#ffc107;background:#ffc10726}.status-success{color:#28a745;--status-color:#28a745;background:#19875426}.compliance-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#1a2332 0%,#2a3444 100%);border-radius:16px;margin-bottom:30px;padding:30px}.compliance-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.compliance-title{color:var(--text-primary);font-size:22px;font-weight:700}.compliance-percentage{color:var(--primary-orange);font-size:32px;font-weight:800}.progress-bar-custom{background:#ff7b001a;border-radius:10px;height:12px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));border-radius:10px;height:100%;transition:width 1s;animation:2s ease-in-out infinite progress-glow;box-shadow:0 0 20px #ff7b0080}@keyframes progress-glow{0%,to{box-shadow:0 0 20px #ff7b0080}50%{box-shadow:0 0 30px #ff7b00cc}}.table-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#161d26 0%,#1f2a36 100%);border-radius:16px;padding:25px;overflow:hidden}.table-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.table-title{color:var(--text-primary);font-size:20px;font-weight:700}table{width:100%;color:var(--text-primary)}table thead tr th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--border-color);padding:15px;font-size:13px;font-weight:600}table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s}table tbody tr:hover{background:#ff7b000d;transform:scale(1.01)}table tbody td{padding:18px 15px}.badge{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.bg-danger{background-color:#dc3545!important}.bg-warning{color:#0d0f12!important;background-color:#ffc107!important}.bg-success{background-color:#28a745!important}.domain-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:30px;display:grid}.domain-card{background:linear-gradient(135deg,var(--dark-bg-secondary)0%,var(--dark-card)100%);border:1px solid var(--border-color);border-radius:16px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.domain-card:before{content:"";background:linear-gradient(90deg,var(--primary-orange),var(--primary-orange-light));width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.domain-card:hover:before{transform:scaleX(1)}.domain-card:hover{border-color:var(--primary-orange);transform:translateY(-8px);box-shadow:0 15px 40px #ff7b0040}.domain-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.domain-info h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:20px;font-weight:700;display:flex}.domain-info h3 i{color:var(--primary-orange);font-size:22px}.domain-subtitle{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.domain-score{text-align:center;min-width:80px}.score-badge{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 8px;font-size:24px;font-weight:800;display:flex;position:relative}.score-badge.critical{color:#dc3545;background:#dc354526;border:3px solid #dc3545}.score-badge.warning{color:#ffc107;background:#ffc10726;border:3px solid #ffc107}.score-badge.good{color:#28a745;background:#19875426;border:3px solid #28a745}.score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.domain-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;padding:20px 0;display:grid}.stat-item{align-items:center;gap:10px;display:flex}.stat-item i{color:var(--primary-orange);font-size:20px}.stat-item-content{flex:1}.stat-item-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-item-value{color:var(--text-primary);margin-top:2px;font-size:15px;font-weight:700}.domain-actions{gap:10px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-action.primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-light));color:#0d0f12}.btn-action.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7b0066}.btn-action.secondary{color:var(--primary-orange);border:1px solid var(--primary-orange);background:#ff7b001a}.btn-action.secondary:hover{background:#ff7b0033;transform:translateY(-2px)}.filter-bar{background:linear-gradient(135deg,var(--dark-bg-secondary)0%,var(--dark-card)100%);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:30px;padding:20px 25px;display:flex}.filter-group{align-items:center;gap:10px;display:flex}.filter-label{color:var(--text-secondary);font-size:14px;font-weight:600}.filter-select{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;appearance:none;background:#1a1f2ecc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff7b00' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:10px;padding:8px 35px 8px 15px;font-size:14px;transition:all .3s}.filter-select:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 15px #ff7b0033}.policy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.policy-card{background:linear-gradient(135deg,var(--dark-bg-secondary)0%,var(--dark-card)100%);border:1px solid var(--border-color);border-radius:16px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.policy-card:before{content:"";background:linear-gradient(90deg,var(--policy-color),transparent);width:100%;height:4px;position:absolute;top:0;left:0}.policy-card:hover{border-color:var(--policy-color);transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.policy-card.none{--policy-color:#dc3545}.policy-card.quarantine{--policy-color:#ffc107}.policy-card.reject{--policy-color:#28a745}.policy-header{align-items:center;gap:12px;margin-bottom:15px;display:flex}.policy-icon{width:50px;height:50px;color:var(--policy-color);background:#ff7b001a;border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:flex}.policy-title{color:var(--text-primary);font-size:20px;font-weight:700}.policy-badge{border-radius:20px;margin-top:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.policy-card.none .policy-badge{color:#dc3545;background:#dc354526}.policy-card.quarantine .policy-badge{color:#ffc107;background:#ffc10726}.policy-card.reject .policy-badge{color:#28a745;background:#19875426}.policy-description{color:var(--text-secondary);margin-bottom:15px;line-height:1.6}.policy-features{padding:0;list-style:none}.policy-features li{color:var(--text-secondary);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.policy-features li i{color:var(--policy-color);font-size:16px}.btn-primary-custom{background:linear-gradient(135deg,var(--primary-orange),var(--primary-orange-light));color:#0d0f12;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ff7b004d}.btn-primary-custom:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff7b0080}.btn-outline-custom{border:2px solid var(--primary-orange);color:var(--primary-orange);cursor:pointer;background:0 0;border-radius:12px;padding:10px 24px;font-weight:600;transition:all .3s}.btn-outline-custom:hover{background:var(--primary-orange);color:#0d0f12;transform:translateY(-2px);box-shadow:0 4px 15px #ff7b0066}@media (max-width:1200px){.search-bar{width:300px}.domain-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:992px){:root{--sidebar-width:0px}.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.navbar{left:0}.main-content{margin-left:0}.search-bar{display:none}.stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.security-grid,.info-grid,.policy-grid,.domain-grid{grid-template-columns:1fr}}@media (max-width:768px){.navbar-content{padding:0 15px}.main-content{padding:20px 15px}.page-title{font-size:24px}.score-content{text-align:center;flex-direction:column;gap:25px}.score-meta{flex-direction:column;gap:10px}.status-banner{text-align:center;flex-direction:column}.detail-list li{flex-direction:column;align-items:flex-start;gap:10px}.stats-row,.security-grid{grid-template-columns:1fr}.table-card{overflow-x:auto}table{min-width:600px}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select{flex:1}}@media (max-width:576px){.navbar-right{gap:10px}.notification-btn,.user-avatar{padding:8px 12px}.score-info h3{font-size:22px}.score-display{width:120px;height:120px}.score-inner{width:95px;height:95px}.score-number{font-size:28px}}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.fw-bold{font-weight:700}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-success{color:#28a745}