html{overflow-y:hidden}.sidebar{animation:sidebar-drift 6s ease-in-out infinite;background:var(--sidebar-bg-gradient);background-size:100% 300%;border-right:none;box-shadow:2px 0 8px #00000026;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-x:hidden;padding:10px 0;position:relative;width:230px;z-index:1000}@keyframes sidebar-drift{0%,to{background-position:50% 0}50%{background-position:50% 100%}}.sidebar-title{align-items:center;background:var(--bg-card-gradient);border-radius:12px;box-shadow:0 1px 2px var(--border-hover);display:flex;flex-direction:column;justify-content:center;margin:0 10px 8px;padding:10px}.sidebar-menu{max-height:100%;overflow-y:scroll}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#41557333;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#2569c280}.web-title{color:var(--accent-color);filter:drop-shadow(0 1px 1px rgba(37,105,194,.5));font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase}@keyframes title-shimmer{0%{background-position:0}to{background-position:400%}}.menu-content{padding-bottom:20px;padding-top:10px}.menu-item{margin-bottom:5px}.sidebar-link{align-items:center;border-radius:8px;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:flex-start;margin:2px 5px 2px 10px;min-height:42px;padding:0 15px;position:relative;text-decoration:none;transition:background .4s cubic-bezier(.4,0,.2,1),color .3s ease,box-shadow .4s cubic-bezier(.4,0,.2,1),transform .15s ease,border .3s ease}.sidebar-link:active{transform:scale(.96)}.sidebar-link:hover{background:var(--sidebar-hover-bg);color:#fff}.sidebar-link:hover .menu-icon{color:#fff}.sidebar-link.router-link-active{animation:shimmer-active 5s ease-in-out infinite;background:linear-gradient(135deg,var(--sidebar-active-bg),var(--sidebar-active-bg-gradient),var(--sidebar-active-bg),var(--sidebar-active-bg-gradient),var(--sidebar-active-bg));background-size:300% 300%;border:none;border-radius:8px;box-shadow:0 2px 10px #2569c259,inset 0 1px #ffffff59;color:var(--sidebar-active-text);font-weight:600;overflow:hidden;position:relative}.sidebar-link.router-link-active:after{animation:shimmer-sweep 5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}@keyframes shimmer-active{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shimmer-sweep{0%{left:-100%}to{left:200%}}.menu-icon{color:var(--sidebar-text);flex-shrink:0;font-size:18px;height:18px;margin-right:12px;width:18px}.sidebar-link.router-link-active .menu-icon{color:var(--sidebar-active-text)}.dropdown-icon{color:var(--sidebar-text);flex-shrink:0;font-size:18px;margin-left:auto;transition:transform .3s ease}.dropdown-icon.rotate{transform:rotate(-180deg)}.submenu{background:var(--sidebar-bg);border-top:1px solid var(--primary-color);list-style:none!important;margin-left:20px;margin-right:20px;overflow:hidden;padding-top:2px}.submenu-link{align-items:center;color:var(--sidebar-text);display:flex;font-size:12px;font-weight:500;min-height:36px;padding:8px 12px 8px 15px;position:relative;text-decoration:none}.submenu-link:active{transform:scale(.96)}.submenu-link:hover{background:var(--sidebar-hover-bg);color:#fff}.submenu-link.router-link-active{animation:shimmer-active 5s ease-in-out infinite;background:linear-gradient(135deg,var(--sidebar-active-bg),var(--sidebar-active-bg-gradient),var(--sidebar-active-bg),var(--sidebar-active-bg-gradient),var(--sidebar-active-bg));background-size:300% 300%;border-radius:10px;box-shadow:0 1px 6px #2569c240,inset 0 1px #fff3;color:var(--sidebar-active-text);font-weight:500;overflow:hidden}.submenu-link.router-link-active:after{animation:shimmer-sweep 5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.submenu-icon{color:var(--sidebar-text);flex-shrink:0;font-size:14px;height:14px;margin-right:8px;width:14px}.submenu-link.router-link-active .submenu-icon{color:var(--sidebar-active-text)}.main-container{display:flex;height:100vh;overflow:hidden}.navbar{align-items:center;animation:navbar-drift 10s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-navbar),color-mix(in srgb,var(--bg-navbar) 80%,var(--accent-color)),var(--bg-navbar),color-mix(in srgb,var(--bg-navbar) 90%,var(--accent-color-gradient)),var(--bg-navbar));background-size:400% 100%;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);display:flex;gap:20px;height:50px;position:sticky;width:calc(100vw - 230px);z-index:2000}@keyframes navbar-drift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.version-tag{background-color:var(--bg-card);color:var(--primary-color);font-size:10px;font-weight:700;height:15px}.navbar-member{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--navbar-badge-bg);border:1px solid var(--navbar-badge-border);border-radius:20px;box-shadow:0 1px 4px var(--navbar-badge-shadow);display:flex;gap:8px;justify-content:center;margin-left:16px;padding:4px 8px 4px 12px}.navbar-name{color:var(--navbar-badge-name);font-size:14px;font-weight:600;letter-spacing:.3px}.navbar-role-tag{border-color:var(--accent-color);color:var(--navbar-badge-role-text);font-size:11px;font-weight:700;height:18px}.navbar-buttons{align-items:center;display:flex;gap:5px;justify-content:end;margin-left:auto;padding:0 10px}.kitty-btn-icon{border-radius:100%;height:35px;width:35px}.content-area{background-color:var(--bg-main);display:flex;flex:1;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.logout-btn{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:all .3s ease}.logout-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.main-content{flex:1;height:calc(100vh - 50px);overflow-x:hidden;overflow-y:auto;padding:16px 24px;width:100%}.page-header{align-items:end;display:flex;padding-bottom:16px}.page-title{font-size:24px;font-weight:700}.page-icon,.page-title{color:var(--primary-light)}.page-icon{height:36px;margin-right:10px;width:36px}.mobile-backdrop{background:#00000080;display:none;inset:0;position:fixed;z-index:999}@media (max-width:768px){.navbar{align-items:center;gap:10px;width:100%}.navbar,.navbar-title{display:flex;justify-content:start}.navbar-title{align-items:end;border:none;margin:0;padding:0 3vw;width:-moz-fit-content;width:fit-content}.web-title{margin-bottom:0}.navbar-member{gap:10px;justify-content:center}.navbar-buttons,.navbar-member{align-items:center;display:flex}.navbar-buttons{gap:5px;justify-content:end;margin-left:auto;padding:0 3vw}.web-title{font-size:16px}.version-tag{display:none}.sidebar{background-color:var(--sidebar-bg);height:calc(100vh - 50px);left:-200px;margin-top:50px;position:fixed;top:0;transition:left .3s ease;width:200px;z-index:9999}.sidebar-link{font-size:13px}.menu-icon{height:15px;margin-right:8px;width:15px}.submenu-link{font-size:11px}.submenu-icon{height:12px;margin-right:6px;width:12px}.sidebar-title{background-color:var(--sidebar-bg);font-size:18px;height:30px}.sidebar.mobile-open{left:0}.mobile-backdrop{display:block}.content-area{margin-left:0;max-width:100%}.logout-btn{padding:6px 10px}.page-header{padding-bottom:10px}.page-title{font-size:18px}.page-icon{height:27px;margin-right:6px;width:27px}.main-content{border:none;border-radius:0;margin:0;padding:10px}.logout-btn{font-size:12px;padding:6px 8px}.sidebar-toggle{height:30px;padding:5px;width:30px}.dialog{padding:20px}}.dialog-overlay{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:2000}.dialog{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.dialog h3{color:var(--primary-color);font-size:18px;margin-bottom:15px}.dialog p{color:var(--text-secondary);font-size:16px;margin-bottom:25px}.dialog-buttons{display:flex;gap:10px;justify-content:center}.btn-cancel,.btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.btn-cancel{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-main)}.btn-confirm{background:var(--primary-color);color:#fff}.btn-confirm:hover{background:var(--primary-light)}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{max-height:0;opacity:0;transform:translateY(-10px)}.slide-fade-enter-to,.slide-fade-leave-from{max-height:300px}