:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f8fafc;background:#080b12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 10%,#172341,transparent 30%),radial-gradient(circle at 85% 75%,#251b2a,transparent 32%),#080b12}button,input{font:inherit}button{cursor:pointer}.brand{display:inline-flex;align-items:center;gap:10px;color:#f8fafc;text-decoration:none;font-weight:800}.brand span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f6c45355;border-radius:12px;background:#f6c45316;color:#f6c453}.auth-shell{width:min(1080px,calc(100% - 40px));min-height:100vh;margin:auto;display:grid;grid-template-columns:1fr 440px;grid-template-rows:110px 1fr;column-gap:90px}.auth-shell>.brand{align-self:center;grid-column:1/-1}.auth-copy{align-self:center;padding-bottom:100px}.eyebrow{color:#4de1ff;font-size:11px;font-weight:800;letter-spacing:.16em}.auth-copy h1,.welcome h1{max-width:580px;margin:14px 0;font-size:clamp(42px,6vw,66px);line-height:1.02;letter-spacing:-.055em}.auth-copy p,.welcome p{max-width:520px;color:#9ba7ba;font-size:18px}.auth-card{align-self:center;margin-bottom:90px;padding:27px;border:1px solid #ffffff16;border-radius:24px;background:#111621dd;box-shadow:0 35px 90px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;border-radius:11px;background:#080b12}.tabs button{padding:10px;border:0;border-radius:8px;background:transparent;color:#758196}.tabs button.active{background:#1b2230;color:#fff;font-weight:700}label{display:block;margin-top:15px;color:#aeb8c8;font-size:12px;font-weight:700}input{width:100%;margin-top:7px;padding:14px 15px;border:1px solid #ffffff18;border-radius:11px;outline:none;background:#090d15;color:#fff}input:focus{border-color:#4de1ff88;box-shadow:0 0 0 3px #4de1ff12}.primary{width:100%;margin-top:19px;padding:14px 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#ffe086,#f6c453);color:#17120a;font-weight:850;box-shadow:0 10px 30px #f6c45322}.primary:disabled{opacity:.55;cursor:wait}.secure{text-align:center;margin-top:16px;color:#677389;font-size:11px}.error,.notice{margin-top:15px;padding:11px 13px;border:1px solid #ff737329;border-radius:10px;background:#ff737312;color:#ff9a9d;font-size:13px}.dashboard{width:min(1080px,calc(100% - 36px));margin:auto;padding-bottom:80px}.dashboard header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.ghost{padding:9px 13px;border:1px solid #ffffff18;border-radius:9px;background:#ffffff08;color:#aab5c5}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:75px 0 45px}.welcome h1{margin-bottom:8px}.welcome p{margin:0}.start{width:auto;min-width:180px}.notice{margin:0 0 20px;border-color:#4de1ff2a;background:#4de1ff10;color:#91ebff}.panel{overflow:hidden;border:1px solid #ffffff14;border-radius:21px;background:#101520c9}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #ffffff12;color:#8e9aad;font-size:11px;font-weight:800;letter-spacing:.12em}.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#68e8ad;box-shadow:0 0 10px #68e8ad}.session-list{padding:10px}.session{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:13px;border-radius:13px}.session:hover{background:#ffffff06}.session-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#4de1ff12;color:#4de1ff}.session b{display:block;font-size:14px}.session small{display:block;margin-top:3px;color:#6f7b90}.status{color:#6ce5ac;font-size:10px;font-weight:850}.empty{text-align:center;padding:65px 20px}.empty>div{margin:auto;width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#4de1ff12;color:#4de1ff;font-size:25px}.empty h2{margin:18px 0 4px;font-size:18px}.empty p{margin:0;color:#748095;font-size:14px}.attack-panel{margin-bottom:24px}.attack-body{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:22px;padding:22px}.attack-body.single{grid-template-columns:1fr}.attack-controls label{margin-top:0}.attack-controls select{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #ffffff18;border-radius:11px;outline:none;background:#090d15;color:#fff}.upload-box{margin-top:16px;min-height:220px;overflow:hidden;border:1px dashed #ffffff28;border-radius:16px;background:#090d15;cursor:pointer}.upload-box img{display:block;width:100%;height:220px;object-fit:cover}.upload-empty{height:220px;display:grid;place-content:center;gap:6px;text-align:center;color:#8b97ab}.upload-empty strong{color:#d7deea}.strategy-pane{min-height:280px}.strategy-pane.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.metrics>div{padding:12px;border:1px solid #ffffff12;border-radius:12px;background:#0c111b}.metrics span{display:block;color:#7f8ba0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metrics b{display:block;margin-top:6px;font-size:18px}.rationale{margin:0 0 16px;padding-left:18px;color:#9fb0c6;font-size:13px}.steps{margin:0;padding:0;list-style:none;display:grid;gap:10px}.steps li{padding:14px 15px;border:1px solid #ffffff12;border-radius:14px;background:#0c111b}.step-top{display:flex;justify-content:space-between;gap:12px}.step-top span{color:#6ce5ac;font-size:12px;font-weight:800}.steps p{margin:8px 0 6px;color:#c5cee0;font-size:14px}.steps small{color:#748095}.empty.compact{padding:40px 16px}.session{cursor:pointer}@media(max-width:800px){.auth-shell{display:flex;flex-direction:column;width:min(100% - 30px,480px)}.auth-shell>.brand{align-self:flex-start;height:90px}.auth-copy{padding:45px 0 20px}.auth-copy h1{font-size:44px}.auth-card{width:100%;margin:0 0 50px}.welcome{align-items:flex-start;flex-direction:column;padding:50px 0 30px}.welcome h1{font-size:48px}.start{width:100%}.attack-body{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:480px){.dashboard{width:min(100% - 24px,1080px)}.dashboard header{height:72px}.welcome{padding-top:40px}.welcome h1{font-size:40px}.auth-copy h1{font-size:39px}.auth-copy p{font-size:16px}}
