.side-bar{width:20%;min-width:300px;max-width:350px;height:100vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--card);padding:25px 30px;border-right:1px solid var(--border);position:sticky;top:0;transition:transform .3s ease-in-out}@media(max-width:768px){.side-bar{position:fixed;left:0;top:0;transform:translateX(-100%);z-index:1000;width:100%;max-width:none;background-color:var(--card);border-right:none}.side-bar.open{transform:translateX(0)}}.side-bar .close-sidebar{position:absolute;top:20px;right:20px;background:var(--secondary);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-foreground);z-index:1001;transition:all .2s ease}.side-bar .close-sidebar:hover{background:var(--destructive);transform:rotate(90deg)}.side-bar::-webkit-scrollbar{width:6px}.side-bar::-webkit-scrollbar-track{background-color:transparent;border:1px solid var(--border)}.side-bar::-webkit-scrollbar-thumb{background-color:var(--secondary);border-top:5px solid var(--muted);border-bottom:5px solid var(--muted)}.side-bar::-webkit-scrollbar-button{background-color:var(--secondary);height:10px}.side-bar .section-1{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border);padding-bottom:15px}.side-bar .section-1 .avatar{position:relative;width:150px;height:150px}.side-bar .section-1 .avatar img{border-radius:50%}.side-bar .section-1 .avatar span{position:absolute;bottom:0;right:0;background-color:var(--popover);font-size:22px;border-radius:50%;height:35px;width:35px;text-align:center;line-height:35px;border:1px solid var(--border)}.side-bar .section-1 h2{font-size:22px;font-weight:600;margin:10px 0 0}.side-bar .section-1 p{margin-bottom:10px}.side-bar .section-1 .social-icons{display:flex;gap:5px}.side-bar .section-1 .social-icons a{padding:8px;border:1px solid var(--secondary);cursor:pointer;color:var(--secondary);border-radius:50%}.side-bar .section-1 .social-icons a:hover{background-color:var(--secondary);color:var(--primary-foreground)}.side-bar .section-2{padding:15px 0;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--border)}.side-bar .section-2 a{display:flex;align-items:center;gap:10px;padding:6px 15px;text-decoration:none;color:var(--popover-foreground);font-weight:500;border-radius:5px}.side-bar .section-2 a:hover{background-color:var(--secondary);color:var(--primary-foreground)}.side-bar .section-2 a svg{width:20px}.side-bar .section-2 .active{background-color:var(--secondary);color:var(--primary-foreground)}.side-bar .section-3{display:flex;flex-direction:column;gap:10px;padding-top:15px}.side-bar .section-3 .toggle-button{display:flex;align-items:center;justify-content:space-between;gap:5px;align-self:center;min-width:140px;border:1px solid var(--border);border-radius:15px;padding:2px 3px;height:25px}.side-bar .section-3 .toggle-button button{padding:1px 12px;border-radius:15px;font-size:12px;height:100%}.side-bar .section-3 .toggle-button .active{background-color:var(--secondary);color:var(--primary-foreground)}.side-bar .section-3 a{text-decoration:none;color:var(--secondary);background-color:transparent;width:100%;padding:5px;border:1px solid var(--secondary);display:flex;align-items:center;justify-content:center;gap:15px}.side-bar .section-3 a:hover{background-color:var(--secondary);color:var(--primary-foreground)}.mobile-nav{display:none}@media(max-width:768px){.mobile-nav{display:flex;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background-color:rgba(0,111,239,.263);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(10px);justify-content:space-around;align-items:center;padding:6px;border:1px solid var(--border);border-radius:30px;z-index:999;box-shadow:0 8px 32px rgba(0,0,0,.1)}.mobile-nav .nav-item{flex:1;display:flex;align-items:center;gap:5px;color:var(--muted-foreground);text-decoration:none;font-size:11px;font-weight:500;background:none;border:none;cursor:pointer;padding:6px 15px;border-radius:30px;transition:all .3s ease;position:relative}.mobile-nav .nav-item svg{font-size:20px;transition:all .3s ease}.mobile-nav .nav-item span{white-space:nowrap;font-size:12px;animation:slideIn .3s ease}.mobile-nav .nav-item.active,.mobile-nav .nav-item:hover{color:#fff;background-color:var(--secondary)}.mobile-nav .nav-item.active{padding:6px 15px}.mobile-nav .nav-item.active svg{font-size:22px}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}body{width:100%;overflow-x:hidden}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-track{background-color:transparent;border:1px solid var(--border)}body::-webkit-scrollbar-thumb{background-color:var(--secondary);border-top:5px solid var(--muted);border-bottom:5px solid var(--muted)}body::-webkit-scrollbar-button{background-color:var(--secondary);height:20px}