.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100vh;background:linear-gradient(180deg,#000,#1E40AF);color:#fff;transition:.3s ease;z-index:1000;overflow:hidden}.sidebar.open{left:0}.sidebar-content{padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;overflow:hidden}.logo{width:100%;text-align:center;margin-bottom:30px}.logo-image{width:80%;height:auto}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{margin:20px 0}.sidebar-link{color:#fff;text-decoration:none;font-size:18px;display:flex;align-items:center;gap:10px;transition:color .3s,text-decoration .3s}.sidebar-link:hover{color:#3498db;text-decoration:none}.sidebar-icon{font-size:24px;transition:transform .3s}.sidebar-link:hover .sidebar-icon{transform:translateX(5px)}.sidebar-toggle{position:fixed;left:20px;color:#333;z-index:1100}.close-btn,.sidebar-toggle{top:10px;background:none;border:none;font-size:30px;cursor:pointer}.close-btn{position:absolute;right:20px;color:#fff}@media(min-width:768px){.sidebar{left:0;width:250px;position:sticky;height:100vh;background-color:#333;z-index:0}.sidebar-toggle{display:none}.sidebar-content{padding:20px}.sidebar ul li a{font-size:20px}}@media(max-width:767px){.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background-color:#333;transition:.3s ease;z-index:1000}.sidebar.open{left:0}main{transition:margin-left .3s ease;margin-left:0}.sidebar-toggle{display:block}}.select{text-align:center}