*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.16),transparent 28%),radial-gradient(circle at 85% 20%,rgba(6,182,212,.12),transparent 25%),#060a13;color:#f8fafc;min-height:100vh}button,input,textarea,select{font:inherit}.app{min-height:100vh}.topbar{height:70px;background:#090e1aeb;border-bottom:1px solid rgba(148,163,184,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.3px}.brand svg{color:#60a5fa;filter:drop-shadow(0 0 8px rgba(96,165,250,.5))}.topbar-subtitle{color:#94a3b8;font-size:13px}.layout{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:258px;flex-shrink:0;background:#090e1af5;border-right:1px solid rgba(148,163,184,.12);padding:26px 16px}.nav-item{width:100%;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:13px;padding:13px 15px;margin-bottom:8px;border-radius:10px;cursor:pointer;color:#94a3b8;text-align:left;transition:background .2s ease,color .2s ease,transform .2s ease,border .2s ease}.nav-item:hover{background:#2563eb1a;color:#e2e8f0;transform:translate(3px)}.nav-item.active{background:linear-gradient(135deg,#2563eb47,#06b6d41a);border-color:#60a5fa38;color:#fff;box-shadow:inset 3px 0 #60a5fa,0 0 20px #2563eb14}.nav-item.active svg{color:#60a5fa}.main-content{flex:1;padding:34px;max-width:1500px;background:radial-gradient(circle at 60% 0%,rgba(37,99,235,.07),transparent 30%)}.page-header{margin-bottom:28px}.page-header h1,.content-card h1{font-size:28px;line-height:1.2;margin-bottom:8px;color:#f8fafc}.page-header p,.content-card>p{color:#94a3b8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e293be0,#0f172aeb);border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:22px;box-shadow:0 12px 30px #0003,inset 0 1px #ffffff08;transition:transform .25s ease,border .25s ease,box-shadow .25s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2563eb,#06b6d4)}.stat-card:hover{transform:translateY(-4px);border-color:#60a5fa40;box-shadow:0 18px 38px #00000047,0 0 25px #2563eb14}.stat-card span{display:block;color:#94a3b8;font-size:13px;margin-bottom:10px}.stat-card strong{font-size:30px;color:#f8fafc}.content-card{background:linear-gradient(135deg,#1e293bd1,#0f172ae6);border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:24px;box-shadow:0 15px 35px #00000038,inset 0 1px #ffffff06}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.card-header h2{font-size:19px;margin-bottom:5px;color:#f8fafc}.card-header p{color:#94a3b8;font-size:14px}.card-header svg{color:#60a5fa}.issue-row{display:flex;align-items:center;justify-content:space-between;background:#0f172aa6;border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:18px;transition:border .2s ease,background .2s ease}.issue-row:hover{background:#1e293bbf;border-color:#60a5fa33}.issue-row h3{font-size:16px;margin-bottom:6px;color:#f1f5f9}.issue-row p{color:#94a3b8;font-size:14px}.severity{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.severity.high{background:#ef444421;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px}.main-content{padding:24px}}@media(max-width:650px){.topbar{padding:0 16px}.topbar-subtitle{display:none}.sidebar{width:72px;padding:18px 8px}.nav-item{justify-content:center;padding:13px 8px}.nav-item{font-size:0}.nav-item svg{width:21px;height:21px}.main-content{padding:18px}.stats-grid{grid-template-columns:1fr}}