body{background:linear-gradient(120deg,#6dd5fa,#2980b9);height:100vh;margin:0;font-family:Arial}.app-container{justify-content:center;align-items:center;height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:320px;padding:40px;box-shadow:0 10px 30px #0003}.title{margin-bottom:10px}.subtitle{color:gray;margin-bottom:20px}input{border:1px solid #ccc;border-radius:6px;width:100%;margin:10px 0;padding:10px}.primary-btn{color:#fff;cursor:pointer;background:#2980b9;border:none;border-radius:6px;width:100%;padding:10px}.primary-btn:hover{background:#1f6693}.toggle{margin-top:10px}.toggle span{color:#2980b9;cursor:pointer;font-weight:700}.error{color:red}.dashboard{width:80%;max-width:1000px}.navbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:5px;padding:8px 15px}.stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{text-align:center;background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 15px #0000001a}