*{box-sizing:border-box}body{margin:0;background:#070b10;color:#dce8ef;font-family:Arial,Helvetica,sans-serif}a{color:#7ee7ff;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-bottom:1px solid #17313d;background:#080d13}.brand{font-weight:800;letter-spacing:.18em;color:#fff}.brand span{color:#63ddff;margin-left:5px}nav{display:flex;gap:24px;align-items:center;font-size:.8rem;letter-spacing:.1em}.container{max-width:1250px;margin:0 auto;padding:55px 5%}.hero{border-left:3px solid #63ddff;padding-left:22px;margin-bottom:35px}.eyebrow,small{color:#63ddff;letter-spacing:.16em;font-size:.72rem}h1{font-size:clamp(2rem,5vw,4rem);margin:8px 0}h2{letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{padding:25px;border:1px solid #183746;background:linear-gradient(145deg,#0b1219,#0a0f14);min-height:170px;transition:.2s}.card:hover{border-color:#63ddff;transform:translateY(-2px)}.login{min-height:100vh;display:grid;place-items:center}.login-box{width:min(440px,92vw);padding:35px;border:1px solid #244757;background:#0a1118;box-shadow:0 0 45px #000}.login-box h1{font-size:2rem}.login-box form{display:grid;gap:18px;margin-top:25px}label{display:grid;gap:7px;color:#8ea6b2;font-size:.8rem;letter-spacing:.08em}input{width:100%;padding:13px;background:#05090d;color:#fff;border:1px solid #294858;outline:none}input:focus{border-color:#63ddff}button{padding:14px;background:#63ddff;color:#061017;border:0;font-weight:800;letter-spacing:.12em;cursor:pointer}.error{padding:12px;margin:15px 0;border:1px solid #7a3d3d;background:#281414;color:#ffb6b6}.table-wrap{overflow:auto;margin:20px 0 40px}table{width:100%;border-collapse:collapse;background:#0a1118}th,td{padding:11px;border:1px solid #1c3541;text-align:left;white-space:nowrap}th{color:#63ddff;font-size:.75rem;letter-spacing:.1em}@media(max-width:700px){header{align-items:flex-start;gap:15px;flex-direction:column}nav{flex-wrap:wrap}.container{padding-top:35px}}