*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial;background:#eef3f9;color:#1f2937}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e3a8a,#0f766e)}.login-card{width:420px;background:rgba(255,255,255,.95);border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.brand{font-size:28px;font-weight:800;color:#0f766e;text-align:center;margin-bottom:12px}.login-card h2{text-align:center;margin:0 0 24px}.login-card label{display:block;margin:14px 0 6px;font-weight:bold}.login-card input{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:14px;font-size:15px}.login-card button{width:100%;margin-top:24px;padding:14px;border:0;border-radius:14px;background:#0f766e;color:white;font-size:18px;font-weight:bold;cursor:pointer}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:12px;text-align:center}.sidebar{position:fixed;right:0;top:0;width:260px;height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b);padding:22px;box-shadow:-10px 0 30px rgba(0,0,0,.15)}.logo{font-size:32px;font-weight:900;color:#5eead4;margin-bottom:30px;text-align:center}.sidebar a{display:block;color:#e5e7eb;text-decoration:none;padding:14px 16px;margin:8px 0;border-radius:14px}.sidebar a.active,.sidebar a:hover{background:rgba(94,234,212,.15);color:#fff}.main{margin-right:260px;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;background:white;border-radius:22px;padding:22px 28px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.topbar h1{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:28px 0}.card{background:white;border-radius:24px;padding:28px;box-shadow:0 12px 30px rgba(15,23,42,.08);border-bottom:5px solid #0f766e}.card h3{margin:0 0 16px}.card strong{font-size:42px;color:#0f766e}.panel{background:white;border-radius:24px;padding:28px;box-shadow:0 12px 30px rgba(15,23,42,.08)}