*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0f1a;color:#fff}a{color:inherit;text-decoration:none}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1f2a44,#080b12)}.card{background:#121827;padding:25px;border-radius:16px;box-shadow:0 0 30px #0008;width:360px}.card h1{margin-top:0}.input,select{width:100%;padding:13px;margin:8px 0;border:0;border-radius:10px;background:#222b3d;color:#fff}.btn{display:inline-block;background:#ffb000;color:#111;padding:12px 18px;border-radius:10px;border:0;font-weight:bold;cursor:pointer}.btn.red{background:#e53935;color:#fff}.layout{display:flex;min-height:100vh}.menu{width:250px;background:#070a11;padding:20px;position:fixed;top:0;bottom:0}.menu h2{color:#ffb000}.menu a{display:block;padding:13px;border-radius:10px;margin:6px 0;background:#111827}.content{margin-left:250px;padding:25px;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.box{background:#121827;padding:18px;border-radius:16px}.table{width:100%;border-collapse:collapse;background:#121827;border-radius:14px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #263044;text-align:left}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.preview{max-width:160px;max-height:80px}