.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;border-right:1px solid #e8e8e8;padding:25px 20px;z-index:1000;transform:translateX(-100%);transition:0.35s ease}.sidebar.active{transform:translateX(0)}.close-btn{text-align:right;font-size:22px;cursor:pointer;margin-bottom:20px}.sidebar-profile{text-align:center;margin-bottom:35px}.sidebar-profile img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.sidebar-profile h3{margin:5px 0;font-size:18px;color:#111}.sidebar-profile p{margin:0;color:#005dfe;font-weight:600}.sidebar-profile small{color:#777;font-size:12px}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:14px;text-decoration:none;color:#333;border-radius:12px;font-size:15px;transition:0.3s}.sidebar-menu a:hover{background:#005dfe;color:#fff;transform:translateX(5px)}.menu-btn{background:none;border:none;font-size:28px;cursor:pointer}.main-content{padding:100px 25px 30px}@media(min-width:900px){.sidebar{transform:translateX(0)}.close-btn{display:none}.main-content{margin-left:280px}}@media(max-width:899px){.sidebar{box-shadow:0 10px 30px rgb(0 0 0 / .15)}}