*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#0f1020;color:white}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#7c3aed55,#090914 60%)}.login form{width:360px;max-width:94%;background:#ffffff12;border:1px solid #ffffff22;border-radius:25px;padding:30px}.login input,.field input,.field textarea,.field select{width:100%;padding:13px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff10;color:white;margin:7px 0}.login button,.btn{border:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:white;border-radius:999px;padding:13px 18px;font-weight:800;cursor:pointer;display:inline-block}.wrap{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#080914;padding:22px;border-right:1px solid #ffffff12}.side a{display:block;padding:13px;color:white;text-decoration:none;border-radius:14px;margin:5px 0;background:#ffffff08}.main{padding:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#ffffff10;border:1px solid #ffffff18;border-radius:20px;padding:20px}.field{background:#ffffff0d;border:1px solid #ffffff18;border-radius:20px;padding:18px;margin:14px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}textarea{min-height:120px}table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:18px;overflow:hidden}td,th{padding:12px;border-bottom:1px solid #ffffff12;text-align:left}@media(max-width:900px){.wrap,.cards,.grid2{grid-template-columns:1fr}.side{position:static}}