:root{--bg:#08090c;--side:#0b0c10;--panel:#101218;--panel2:#141720;--line:#222631;--text:#f4f5f7;--muted:#8a93a3;--violet:#7b61ff;--violet2:#a99cff;--green:#39d69d;--amber:#f1b958;--red:#ff6578;--blue:#53b4ff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--side);border-right:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:5px 7px 16px}.mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,var(--violet),#4032af);display:grid;place-items:center;font-weight:950;font-size:19px}.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.12em}.brand small{font-size:7px;color:var(--muted);letter-spacing:.15em;margin-top:3px}.workspace{border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:12px}.workspace>span{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.12em}.workspace select{margin-top:7px;width:100%;background:#0d0f14;border:0;color:#fff;font-size:10px;outline:none}.sidebar nav{display:grid;gap:3px}.nav{border:0;background:transparent;color:#8f98a8;border-radius:9px;text-align:left;padding:10px 11px;display:flex;gap:11px;font-size:10px;font-weight:750}.nav:hover{background:#12151c;color:#fff}.nav.active{background:#181b24;color:#fff;box-shadow:inset 3px 0 var(--violet)}.nav span{flex:1}.side-foot{margin-top:auto;padding:10px 8px}.engine{display:flex;align-items:center;gap:8px;color:#aab1bd;font-size:9px;font-weight:800}.engine i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}.engine.online i{background:var(--green);box-shadow:0 0 10px var(--green)}.engine.offline i{background:var(--red);box-shadow:0 0 10px var(--red)}.engine.large{margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:12px}.side-foot small{display:block;font-size:7px;color:#626b7a;margin-top:7px}.main{margin-left:250px;min-height:100vh}.topbar{height:68px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 28px;position:sticky;top:0;background:rgba(8,9,12,.94);backdrop-filter:blur(10px);z-index:20}.topbar span{font-size:8px;color:var(--muted);letter-spacing:.1em}.topbar b{color:#fff}.menu{display:none}.primary,.secondary,.link-btn{border:0;border-radius:9px;font-weight:850}.primary{background:var(--violet);color:#fff;padding:11px 15px}.primary:hover{background:#8972ff}.primary.small{padding:9px 13px;font-size:9px}.secondary{background:#171a22;color:#d2d6de;border:1px solid var(--line);padding:10px 13px}.secondary:hover{border-color:#3b4250;color:#fff}.secondary.danger{color:#ff8c99}.link-btn{background:transparent;color:var(--violet2);padding:7px}.wide{width:100%;padding:14px}.page{display:none;max-width:1500px;margin:auto;padding:30px 31px 70px}.page.active{display:block}.hero{border:1px solid var(--line);border-radius:21px;background:radial-gradient(circle at 88% 15%,rgba(123,97,255,.19),transparent 32%),linear-gradient(135deg,#12141a,#0c0e13);min-height:390px;padding:38px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:35px}.badge,.page-title>span,.panel-head span,.kicker{font-size:7px;font-weight:900;letter-spacing:.14em;color:var(--violet2)}.hero h1{font-size:clamp(46px,5.3vw,76px);line-height:.9;letter-spacing:-.065em;margin:14px 0}.hero h1 em{font-style:normal;color:var(--violet2)}.hero p{max-width:680px;color:var(--muted);line-height:1.6}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-score{justify-self:end;width:230px;height:230px;border-radius:50%;border:14px solid #262a36;border-top-color:var(--violet);display:grid;place-content:center;text-align:center}.hero-score small{font-size:7px;color:var(--muted);letter-spacing:.1em}.hero-score strong{font-size:62px;line-height:1;margin:7px 0}.hero-score span{font-size:8px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:11px 0}.metrics article,.result-summary article,.compare-metrics article{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px}.metrics small,.result-summary small,.compare-metrics small{font-size:7px;color:var(--muted);letter-spacing:.1em}.metrics strong,.result-summary strong,.compare-metrics strong{display:block;font-size:28px;margin-top:8px}.metrics span{font-size:7px;color:#687180}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-head h2{font-size:17px;margin:5px 0 0}.empty{color:var(--muted);padding:24px;text-align:center}.page-title{padding:16px 0 21px}.page-title h1{font-size:40px;letter-spacing:-.05em;margin:6px 0}.page-title p,.muted{color:var(--muted);line-height:1.55}.page-title.inline{display:flex;justify-content:space-between;align-items:end}.project-layout .panel:first-child{align-self:start}.panel label{display:block;font-size:8px;color:#aab1bd;font-weight:800;margin-top:11px}.panel input,.panel textarea,.panel select{width:100%;margin-top:6px;background:#0c0e13;border:1px solid var(--line);color:#fff;padding:11px;border-radius:9px;outline:none}.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:var(--violet)}.panel textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-grid.two{max-width:760px}.list{display:grid;gap:8px}.list-item{border:1px solid var(--line);border-radius:11px;padding:13px;background:#0d0f14;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.list-item strong,.list-item small{display:block}.list-item strong{font-size:11px}.list-item small{font-size:8px;color:var(--muted);margin-top:4px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{font-size:8px}.scan-layout{grid-template-columns:minmax(0,1fr) 330px}.target{border:1px solid var(--line);border-radius:11px;background:#0c0e13;padding:13px}.target small,.target strong,.target span{display:block}.target small{font-size:7px;color:var(--violet2);font-weight:900}.target strong{font-size:18px;margin-top:6px}.target span{font-size:8px;color:var(--muted);margin-top:4px}.scan-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.scan-mode{border:1px solid var(--line);background:#0d0f14;color:#fff;border-radius:11px;padding:13px;text-align:left}.scan-mode.active{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.scan-mode b,.scan-mode span{display:block}.scan-mode b{font-size:11px}.scan-mode span{font-size:8px;color:var(--muted);margin-top:4px}.checks{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.checks span{border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:8px;color:#9da5b3}.confirm{display:flex!important;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:13px!important;margin-top:10px!important}.confirm input{width:auto!important;margin:0!important}.status{min-height:18px;text-align:center;font-size:8px;color:var(--muted);margin-top:9px}.scan-layout aside{align-self:start}.scan-layout aside h3{font-size:13px}.scan-layout aside p{font-size:9px;color:var(--muted);line-height:1.55}.scan-layout aside hr{border:0;border-top:1px solid var(--line);margin:17px 0}.result-summary{display:grid;grid-template-columns:180px repeat(4,1fr);gap:9px;margin-bottom:10px}.result-summary .score strong{font-size:50px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter,.device{border:1px solid var(--line);background:#0d0f14;color:#919aa9;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800}.filter.active,.device.active{background:var(--violet);border-color:var(--violet);color:#fff}.toolbar select{background:#0d0f14;border:1px solid var(--line);color:#fff;border-radius:8px;padding:8px;font-size:8px}.findings{display:grid;gap:7px}.finding{border:1px solid var(--line);border-radius:11px;background:#0c0e13;padding:14px}.finding.known{opacity:.62;border-style:dashed}.finding-top{display:flex;gap:6px;align-items:center}.sev{border-radius:999px;padding:4px 6px;font-size:7px;font-weight:950;text-transform:uppercase}.sev.alta{color:var(--red);background:rgba(255,101,120,.1)}.sev.media{color:var(--amber);background:rgba(241,185,88,.1)}.sev.bassa{color:var(--violet2);background:rgba(123,97,255,.1)}.cat,.page-pill,.known-pill{font-size:7px;color:var(--muted);text-transform:uppercase}.page-pill{margin-left:auto;max-width:43%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.known-pill{color:var(--green)}.finding h3{font-size:11px;margin:8px 0 5px}.finding p{font-size:8px;color:var(--muted);line-height:1.5;margin:4px 0}.fix{margin-top:9px;padding:9px;border-left:2px solid var(--green);background:#0b1210;color:#a7c9ba;font-size:8px}.finding .actions{margin-top:8px}.finding .actions button{font-size:7px;padding:7px 9px}.page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.page-card{border:1px solid var(--line);background:#0d0f14;border-radius:10px;padding:12px}.page-card strong,.page-card small{display:block}.page-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-card small{font-size:7px;color:var(--muted);margin-top:4px}.compare-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.compare-metrics .new strong{color:var(--red)}.compare-metrics .persistent strong{color:var(--amber)}.compare-metrics .resolved strong{color:var(--green)}.mini-finding{border-top:1px solid var(--line);padding:9px 0}.mini-finding strong,.mini-finding small{display:block}.mini-finding strong{font-size:9px}.mini-finding small{font-size:7px;color:var(--muted);margin-top:3px}.gate-shell{display:grid;grid-template-columns:300px 1fr;gap:10px}.gate-result{border:1px solid var(--line);border-radius:16px;padding:27px;text-align:center;background:var(--panel)}.gate-result.pass{border-color:rgba(57,214,157,.35)}.gate-result.block{border-color:rgba(255,101,120,.35)}.gate-result strong{font-size:42px;display:block;margin:12px 0}.gate-result.pass strong{color:var(--green)}.gate-result.block strong{color:var(--red)}.gate-checks{display:grid;gap:7px}.gate-check{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--panel);display:flex;justify-content:space-between;gap:12px}.gate-check b{font-size:9px}.gate-check span{font-size:8px}.pass-text{color:var(--green)}.fail-text{color:var(--red)}.preview-stage{min-height:650px;border:1px solid var(--line);border-radius:15px;padding:20px;background:#060709;overflow:auto}.preview{margin:auto;background:#fff;border-radius:10px;overflow:hidden;transition:.2s}.preview.desktop{width:100%;max-width:1180px}.preview.tablet{width:768px;max-width:100%}.preview.mobile{width:390px;max-width:100%}.browser{height:32px;background:#1a1d24;color:#777f8d;display:flex;align-items:center;gap:5px;padding:0 9px;font-size:7px}.browser i{width:6px;height:6px;border-radius:50%;background:#505868}.browser span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview iframe{width:100%;height:680px;border:0;display:block}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-grid article{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:23px}.report-grid article>span{font-size:8px;color:var(--violet2);font-weight:900}.report-grid h3{font-size:20px;margin:11px 0 6px}.report-grid p{font-size:9px;color:var(--muted);min-height:35px}.file-btn{display:inline-block;position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,15px);background:#fff;color:#111318;border-radius:999px;padding:10px 15px;font-size:8px;font-weight:850;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1080px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.menu{display:block;border:0;background:#171a22;color:#fff;border-radius:8px;padding:8px 10px}.grid2,.scan-layout,.gate-shell{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-score{justify-self:start}.metrics{grid-template-columns:1fr 1fr}.result-summary{grid-template-columns:1fr 1fr}.result-summary .score{grid-column:1/-1}.page-cards,.report-grid,.grid3{grid-template-columns:1fr 1fr}.topbar{padding:0 15px}}
@media(max-width:700px){.page{padding:20px 13px 65px}.topbar{height:62px}.topbar .primary{font-size:8px}.hero{padding:24px 19px}.hero h1{font-size:44px}.hero-score{width:170px;height:170px}.hero-score strong{font-size:48px}.metrics,.form-grid,.scan-modes,.result-summary,.compare-metrics,.page-cards,.report-grid,.grid3{grid-template-columns:1fr}.page-title.inline,.toolbar{align-items:flex-start;flex-direction:column}.page-title h1{font-size:34px}.project-layout{grid-template-columns:1fr}.row-actions{margin-top:8px}.list-item{grid-template-columns:1fr}.preview-stage{padding:9px}}