body{margin:0;font-family:Inter,Arial;background:#eef2f7}.login-page{height:100vh;display:flex;justify-content:center;align-items:center}.login-card{background:#fff;padding:40px;border-radius:12px;width:360px;box-shadow:0 10px 30px #00000014;text-align:center}.logo-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.logo-title img{height:42px;object-fit:contain}input{width:100%;padding:12px;margin-top:12px;border-radius:8px;border:1px solid #ddd;box-sizing:border-box;font-size:14px}.login-btn{margin-top:16px;width:100%;padding:12px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-weight:500;cursor:pointer}.hint{margin-top:14px;font-size:13px;color:#6b7280}.topbar{background:#fff;padding:16px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d}.menu-btn{background:#2563eb;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px}.user-box{background:#6b7280;color:#fff;padding:8px 14px;border-radius:6px;font-size:14px}.logout-btn{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px}.main{max-width:900px;margin:40px auto}.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 6px 20px #0000000d}.sidebar{position:fixed;top:0;left:-260px;width:260px;height:100%;background:#3f63a8;color:#fff;transition:.3s;z-index:1000}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:20px;font-weight:700}.menu-item{padding:14px 20px;cursor:pointer;font-size:16px}.menu-item:hover{background:#ffffff26}.divider{margin:20px 0;border:none;border-top:1px solid #e5e7eb}.title{font-size:34px;margin-bottom:10px}.subtitle{font-size:22px;color:#444;margin-bottom:10px}.section-title{margin-top:30px;font-size:22px}.description{margin-top:15px;font-size:16px;color:#555;line-height:1.5}.menu-highlight{background:#2563eb;color:#fff;padding:3px 8px;border-radius:6px;font-weight:500}.dashboard-cards{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.dashboard-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000000f;transition:.2s}.dashboard-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.dashboard-card h3{margin-bottom:10px}