:root{--bg-color:#050505;--text-main:#f5fbef;--text-dim:#f5fbefbf;--accent-cyan:#00f0ff;--accent-blue:#1e3a8a;--accent-green:#94c9a9;--accent-red:#d9534f;--border-light:#fff3;--font-mono:Consolas, monaco, monospace}html{background-color:var(--bg-color);margin:0;padding:0;overflow-x:hidden}body{color:var(--text-main);font-size:14px;font-family:var(--font-mono);background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;padding:0;font-weight:lighter;display:flex}#background-layer{filter:brightness(35%)blur(10px);z-index:0;pointer-events:none;background-image:url(/auth/media/swirl.jpg);background-position:50%;background-size:cover;width:110vw;height:110vh;position:fixed;top:-5%;left:-5%}#background-layer:after{content:"";background:radial-gradient(circle,#a855f726,#0f172acc);animation:15s ease-in-out infinite alternate mistBreathe;position:absolute;inset:0}@keyframes mistBreathe{0%{opacity:.2;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.auth-container{box-sizing:border-box;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2px,-8px)rotate(.5deg)}66%{transform:translate(-2px,-12px)rotate(-.5deg)}}.grungy-box,.dashboard-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:linear-gradient(135deg,#0f172ab3,#1e3a8a66);border:1px solid #0000;border-radius:16px;padding:2rem;position:relative;box-shadow:0 8px 32px #00f0ff1a,inset 0 0 32px #1e3a8a80}.grungy-box{width:100%;max-width:450px;animation:14s ease-in-out infinite float}.dashboard-box{width:100%}.grungy-box:before,.dashboard-box:before{content:"";background:linear-gradient(45deg, var(--accent-blue), #c026d3, #f472b6);-webkit-mask-composite:xor;z-index:-1;pointer-events:none;border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dashboard-container{box-sizing:border-box;z-index:1;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;display:grid}.grungy-title{text-transform:uppercase;letter-spacing:2px;color:#93c5fd;text-shadow:0 0 10px #93c5fd99;border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#1e3a8acc,#db277780,#0000) 1;margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.grungy-field{flex-direction:column;margin-bottom:1.25rem;display:flex}.grungy-label{color:var(--text-dim);margin-bottom:.5rem;font-size:.9rem}.grungy-label:before{content:"> ";color:var(--accent-cyan)}.grungy-input{color:var(--text-main);font-family:var(--font-mono);background:#0f172a80;border:1px solid #00f0ff33;border-radius:8px;outline:none;padding:.75rem;font-size:1rem;transition:all .5s}.grungy-input:focus{border-color:var(--accent-cyan);background:#1e3a8a66;box-shadow:0 0 15px #00f0ff66,inset 0 0 10px #00f0ff33}.grungy-btn{color:var(--text-main);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#1e3a8a66,#c026d333);border:1px solid #c026d366;border-radius:8px;width:100%;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .5s}.grungy-btn:hover{background:linear-gradient(90deg, var(--accent-blue), #c026d3);color:var(--bg-color);text-shadow:0 0 5px #fffc;border-color:#f472b6;box-shadow:0 0 20px #c026d399,inset 0 0 10px #ffffff80}.grungy-btn-secondary{border-color:var(--border-light);color:var(--text-dim);background:#ffffff0d}.grungy-btn-secondary:hover{color:var(--text-main);border-color:var(--text-main);box-shadow:none;background:#ffffff1a}.grungy-error{border-left:3px solid var(--accent-red);color:#ff8c8c;background:#d9534f1a;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.grungy-error:before{content:"[ERROR] ";font-weight:700}.grungy-info{border-left:3px solid var(--accent-blue);color:#a3c2df;background:#708ca41a;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.grungy-info:before{content:"[INFO] ";font-weight:700}.grungy-link{color:#93c5fd;border-bottom:1px solid #0000;margin-top:.5rem;text-decoration:none;transition:all .5s;display:inline-block}.grungy-link:hover{color:var(--accent-cyan);border-bottom:1px solid var(--accent-cyan);text-shadow:0 0 15px var(--accent-cyan), 0 0 30px var(--accent-blue)}