*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:#f5f7fb}.dashboard{display:flex;min-height:100vh}.sidebar{width:250px;background:#111827;color:white;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.sidebar h2{margin-bottom:40px}.sidebar nav{display:flex;flex-direction:column;gap:18px}.sidebar a{color:white;text-decoration:none}.sidebar a:hover{color:#60a5fa}.logout{margin-top:50px;padding:12px;border:none;border-radius:8px;background:#2563eb;color:white;cursor:pointer}.navbar{margin-bottom:30px}.profile{gap:10px}.profile img{width:40px;height:40px;border-radius:50%}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.card{background:white;padding:25px;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.08)}.card h4{color:gray;margin-bottom:10px}.card h2{font-size:34px;color:#2563eb}.tableCard{background:white;padding:25px;border-radius:15px;box-shadow:0 3px 10px rgba(0,0,0,.08)}table{width:100%;margin-top:20px;border-collapse:collapse}td,th{padding:15px;border-bottom:1px solid #eee;text-align:left}th{background:#2563eb;color:white}.login-page{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#ecfdf5}.login-card{width:420px;background:white;padding:45px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center}.login-logo h1{font-size:38px;color:#0F766E;margin-bottom:10px}.login-logo p{color:#64748b;margin-bottom:40px}.login-content h2{margin-bottom:10px}.login-content p{color:#64748b;margin-bottom:30px}.google-btn{width:100%;height:55px;border:none;border-radius:12px;background:#0F766E;color:white;font-size:16px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;transition:.3s}.google-btn:hover{background:#115E59}.google-btn img{width:24px}.login-footer{margin-top:35px;color:#94a3b8;font-size:14px}.main{flex:1 1;padding:30px;background:#f8fafc}.navbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.navbar h2{font-size:30px;color:#0f172a}.navbar-subtitle{color:#64748b;margin-top:6px}.profile{display:flex;align-items:center;gap:15px}.profile-info{text-align:right}.profile-info h4{font-size:17px}.profile-info span{color:#64748b;font-size:14px}.profile-avatar{width:50px;height:50px;border-radius:50%;background:#0F766E;display:flex;justify-content:center;align-items:center;color:white;font-size:22px}.sidebar-logo{display:flex;flex-direction:column}.sidebar-subtitle{display:block;margin-bottom:20px;color:#d1d5db;font-size:16px}