:root{color:#eaf2ff;background:#09111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}main{background:radial-gradient(circle at 100% 0,#123d63,#0000 45%),#09111f;min-height:100svh}.auth,.loading{place-items:center;padding:2rem;display:grid}form{background:#09111fd1;border:1px solid #31516f;border-radius:24px;width:min(100%,480px);padding:clamp(2rem,8vw,4rem);box-shadow:0 20px 80px #0006}.eyebrow{color:#81cdf5;letter-spacing:.16em;font-size:.75rem;font-weight:700}h1{letter-spacing:-.05em;margin:.5rem 0}.auth h1{font-size:clamp(2.5rem,10vw,4rem)}.subtitle,.placeholder{color:#b7c9db}label{gap:.45rem;margin-top:1.2rem;font-weight:700;display:grid}input,select,button{font:inherit;border-radius:10px;padding:.75rem}input,select{color:#eaf2ff;background:#0d1d30;border:1px solid #31516f}button{color:#04111f;cursor:pointer;background:#5cc8ff;border:0;width:100%;margin-top:1.5rem;font-weight:800}.error{color:#ffb6b6}.app-shell{grid-template-columns:240px 1fr;display:grid}aside{border-right:1px solid #28435f;padding:2rem 1.25rem}aside nav{gap:.4rem;margin-top:2rem;display:grid}aside a{color:#b7c9db;border-radius:8px;padding:.65rem;text-decoration:none}aside a:hover{color:#fff;background:#16314d}.workspace{padding:clamp(1.5rem,5vw,4rem)}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}header h1{font-size:clamp(2rem,6vw,3.5rem)}.placeholder{background:#0d1d30;border:1px solid #31516f;border-radius:20px;max-width:620px;margin-top:4rem;padding:2rem}@media (width<=650px){.app-shell{grid-template-columns:1fr}aside{border-bottom:1px solid #28435f;border-right:0;padding:1rem}aside nav{grid-template-columns:repeat(4,auto);margin-top:1rem;overflow-x:auto}header{flex-direction:column;align-items:flex-start}}