body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{margin:0;padding:0;min-height:100%;min-width:0;overflow-x:hidden}*{box-sizing:border-box}.nav{display:flex;justify-content:flex-end;font-size:clamp(20px,2vw,32px);font-weight:700;margin-right:clamp(16px,5vw,80px)}.menu{display:flex;list-style:none;justify-content:flex-start;margin-top:10px;gap:clamp(30px,15vw,120px)}li{margin-left:0}.login{color:#fff;text-decoration:none;position:relative;left:60px}.signin{color:#fff;text-decoration:none}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:clamp(16px,4vw,64px)}.form{width:clamp(300px,40vw,500px);min-height:clamp(420px,70vh,600px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-image:radial-gradient(circle,#8427ee,#2a0950);padding:clamp(20px,3vw,30px);border-radius:12px;box-shadow:0 0 20px #0000004d}.label{display:flex;flex-direction:column;margin-left:clamp(0px,10%,120px);margin-bottom:clamp(12px,2vh,20px);font-size:clamp(16px,2vw,26px);width:80%;color:#fff}input{padding:10px;margin-top:5px;width:100%;border-radius:10px}.bg{background-image:url(/hackdabox.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;min-height:100vh;width:100%}.welcome{position:absolute;bottom:clamp(16px,5vh,80px);left:clamp(16px,5vw,80px);color:#fff;font-size:clamp(20px,2.5vw,32px);font-weight:700;text-align:center}.button{align-self:center;margin-top:clamp(8px,2vh,20px);border-radius:12px;padding:clamp(10px,1.5vh,14px) clamp(16px,4vw,24px);width:auto;color:#fff;font-weight:700;background-color:#8427ee;font-size:clamp(14px,1.5vw,18px);border:none;cursor:pointer;box-shadow:0 6px #5f1cac,0 6px 12px #0000004d;transition:transform .1s ease,box-shadow .1s ease}.button:active{transform:translateY(4px);box-shadow:0 2px #5f1cac,0 2px 6px #0000004d}.logout{position:absolute;top:6px;right:clamp(36px,6vw,90px);list-style:none}.logout li{color:#fff;font-size:clamp(20px,2vw,32px);font-weight:700;cursor:pointer}.log{list-style-type:none}.dbg{background-image:url(/dash.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;min-height:100vh;width:100%;overflow:hidden;padding:0 clamp(24px,4vw,64px) clamp(20px,3vh,40px)}.greeting{display:flex;justify-content:center;align-items:center;color:#fff;height:72px}.greeting h1{margin:0;font-size:clamp(28px,2.1vw,38px)}.dash{display:flex;gap:clamp(44px,7vw,120px);width:min(90vw,1380px);height:calc(100vh - 98px);min-height:660px;max-height:780px;margin:0 auto;padding:clamp(18px,2vw,28px);background-color:#140329;position:relative}.panel{flex:0 0 clamp(360px,24vw,420px);height:100%;min-height:0;margin:0;padding:28px 22px;background-color:#531162;color:#fff;position:relative;display:flex;flex-direction:column;text-align:center;overflow:hidden}.dash-title{position:static;transform:none;margin:0 auto 36px}.dash-title h2{margin:0;font-size:clamp(24px,1.7vw,30px);line-height:1.2}.dashMenu{display:flex;position:static;margin-bottom:42px;padding-left:24px}.dashMenu h2{margin:0;font-size:clamp(24px,1.6vw,30px)}.dashTab{position:static;width:100%}.tab-container{display:flex;flex-direction:column;gap:clamp(24px,3vh,34px);width:100%;margin:0}.tab-container button,.tab-container a,.dashTab button,.dashTab a,.dashTab div{width:100%;min-height:64px;display:flex;align-items:center;gap:16px;padding:0 24px}.homeIcon,.injection,.xsss,.cs{display:flex;align-items:center;justify-content:center;width:28px;min-width:28px;font-size:22px;margin:0}.injection{transform:scaleX(-1)}.main-view{flex:1;min-width:0;height:100%;padding:0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.sqli-chart-card,.xss-chart-card,.csrf-chart-card,.dashboard-chart-card{width:100%;min-width:0;display:flex;justify-content:center}.aggregate-chart-container,.sqli-chart-container,.xss-chart-container,.csrf-chart-container,.chart-container{display:flex;width:100%;max-width:min(880px,100%);min-width:0}canvas{max-width:100%!important}@media(max-width:1350px){.dash{width:94vw;gap:40px}.panel{flex-basis:300px}.aggregate-chart-container,.sqli-chart-container,.xss-chart-container,.csrf-chart-container,.chart-container{max-width:760px}.tab-container{gap:18px}}@media(max-width:1100px){.dbg{overflow-y:auto}.dash{flex-direction:column;height:auto;max-height:none}.panel{width:100%;height:auto;min-height:420px;flex-basis:auto}.main-view{padding-top:20px}}