*{box-sizing:border-box}body{background:#f6f8fc;margin:0;font-family:Inter,sans-serif}h1,h2,h3{letter-spacing:-.02em;font-weight:600}p,td,span{font-weight:400}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(to bottom right,#fff 65%,#efeff3);border-right:1px solid #e7ebf2;flex-shrink:0;width:220px;min-height:100vh;padding:20px 16px;font-family:Inter,sans-serif}.sidebar-brand{border-bottom:1px solid #e7ebf2;margin-bottom:24px;padding-bottom:16px}.sidebar .logo{width:100%;max-width:180px;display:block}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#374151;border-radius:8px;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:block}.nav-item:hover{color:#111827;background:#1118270f;transform:translate(3px)}@media (width<=768px){.app-shell{flex-direction:column;min-height:100vh}.sidebar{border-bottom:1px solid #e7ebf2;border-right:none;flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-height:auto;padding:14px 20px;display:flex}.sidebar-brand{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar .logo{max-width:140px}.sidebar-nav{flex-flow:wrap;gap:6px;width:100%}.nav-item{padding:8px 12px}.nav-item:hover{transform:translateY(-2px)}}.dashboard-meta{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:12px;display:flex}@media (width<=768px){.dashboard-meta{justify-content:start}}.last-updated{color:#fff;font-size:12px}.api-status{color:#fff;align-items:center;font-size:13px;font-weight:500;display:flex}.dot{background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.dashboard{background:linear-gradient(90deg,#1d1d1d 10%,#131313 50%,#1d1d1d 90%);flex:1;min-width:0;min-height:100vh;padding:25px 32px}@keyframes fade{0%{opacity:0}to{opacity:1}}.title,.card,.chart-box,.table-wrapper{animation:.55s ease-out both fade}.title{color:#fff;margin-bottom:8px;font-size:24px;font-weight:600;animation-delay:50ms}.cards .card:first-child{animation-delay:.12s}.cards .card:nth-child(2){animation-delay:.2s}.cards .card:nth-child(3){animation-delay:.28s}.cards .card:nth-child(4){animation-delay:.36s}.chart-row .chart-box:first-child{animation-delay:.44s}.chart-row .chart-box:nth-child(2){animation-delay:.52s}.table-wrapper{animation-delay:.6s}@media (prefers-reduced-motion:reduce){.title,.card,.chart-box,.table-wrapper{opacity:1;animation:none;transform:none}}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid}@media (width<=768px){.cards{grid-template-columns:1fr}}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(to bottom right,#fff 65%,#efeff3);border:1px solid #e7ebf2;border-radius:12px;padding:18px;transition:all .2s ease-in-out}.card:hover{cursor:pointer;transform:translateY(-3px)}.card h2{color:#6b7280;letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px;font-size:14px}.card p{color:#111827;margin-top:6px;font-size:28px;font-weight:800}.chart-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}@media (width<=768px){.chart-row{grid-template-columns:1fr}}.chart-box{background:linear-gradient(to bottom right,#fff 65%,#efeff3);border:1px solid #eef0f4;border-radius:12px;padding:16px}.bar-label{font-size:12px}.demo-bar{border-radius:6px;height:10px;margin:8px 0;transition:width .6s}.demo-bar.high{background:#b42318;width:80%}.demo-bar.medium{background:#d87b34;width:55%}.demo-bar.low{background:#1f7a3f;width:30%}.risk-labels{color:#000;justify-content:start;gap:10px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.circle-mock{background:#f1f5f9;border-radius:50%;width:80px;height:80px;margin-top:20px}.vpn-bar{background:#e5e7eb;border-radius:8px;height:14px;margin-top:12px;display:flex;overflow:hidden}.vpn-yes{background:#b42318}.vpn-no{background:#1f7a3f}.vpn-labels{color:#000;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:500;display:flex}.table-wrapper{background:linear-gradient(to bottom right,#fff 65%,#efeff3);border:1px solid #eef0f4;border-radius:12px;max-height:600px;padding:16px;overflow-y:auto}table{border-collapse:collapse;width:100%;min-width:500px}th{text-align:left;color:#6b7280;padding-bottom:10px;font-size:12px}td{color:#111827;border-top:1px solid #f1f1f1;padding:12px 0;font-size:14px}td:nth-child(3){font-variant-numeric:tabular-nums}tbody tr:hover{cursor:pointer;background:#f9fafb}.status{border-radius:25px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.clean{color:#1f7a3f;background:#e7f8ee}.flagged{color:#b42318;background:#fde8e8}.review{color:#b45309;background:#fff7e6}.vpn{font-weight:600}.yes-vpn{color:#b42318}.no-vpn{color:#1f7a3f}.risk{font-weight:700}.low{color:#1f7a3f}.medium{color:#d87b34}.high{color:#b42318}