@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--sidebar-margin: 24px;--sidebar-radius: 16px;--sidebar-bg: rgba(255, 255, 255, .8);--sidebar-border: #E5E7EB;--sidebar-blur: 12px;--sidebar-header-offset: 128px;--sb-text-default: #6B7280;--sb-text-hover: #000000;--sb-text-active: #000000;--sb-accent: #10B981;--sb-accent-pale: rgba(16, 185, 129, .08);--sb-accent-glow: rgba(16, 185, 129, .18);--sb-section-text: #9CA3AF;--sb-divider: #F3F4F6;--sb-transition: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--sidebar-bg: rgba(15, 23, 42, .85);--sidebar-border: rgba(255, 255, 255, .1);--sb-divider: rgba(255, 255, 255, .08);--sb-text-default: #94A3B8;--sb-text-hover: #F8FAFC;--sb-text-active: #F8FAFC;--sb-accent-glow: rgba(16, 185, 129, .25);--sb-section-text: #64748B}.glass-sidebar{position:fixed;top:calc(var(--sidebar-header-offset) + var(--sidebar-margin));left:var(--sidebar-margin);bottom:var(--sidebar-margin);width:var(--sidebar-width);z-index:1100;display:flex;flex-direction:column;background:var(--sidebar-bg);backdrop-filter:blur(var(--sidebar-blur));-webkit-backdrop-filter:blur(var(--sidebar-blur));border:1px solid var(--sidebar-border);border-radius:var(--sidebar-radius);box-shadow:0 4px 24px #0000000a,0 1px 4px #00000005;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;transition:width var(--sb-transition),transform var(--sb-transition),opacity var(--sb-transition)}.glass-sidebar--collapsed{width:var(--sidebar-collapsed-width)}.glass-sidebar__header{padding:20px 20px 14px;border-bottom:1px solid var(--sb-divider);flex-shrink:0}.glass-sidebar__header-top{display:flex;align-items:center;gap:12px;position:relative}.glass-sidebar--collapsed .glass-sidebar__header-top{justify-content:center;gap:0}.glass-sidebar__logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0;transition:transform var(--sb-transition)}.glass-sidebar--collapsed .glass-sidebar__logo{transform:scale(1.1)}.glass-sidebar__brand-name{font-weight:600;color:var(--sb-text-active);letter-spacing:-.01em;white-space:nowrap;opacity:1;transition:opacity .2s ease,width .2s ease;overflow:hidden}.glass-sidebar--collapsed .glass-sidebar__brand-name{opacity:0;width:0;margin:0}.glass-sidebar__toggle{background:none;border:none;color:var(--sb-text-default);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:background .2s ease,color .2s ease}.glass-sidebar__toggle:hover{background:#0000000d;color:var(--sb-text-hover)}.glass-sidebar--collapsed .glass-sidebar__toggle{position:absolute;top:40px;margin-left:0;opacity:0;position:static;margin-top:10px;display:none}.glass-sidebar--collapsed .glass-sidebar__toggle{display:flex;position:absolute;right:-10px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--sidebar-border);box-shadow:0 2px 8px #0000001a;opacity:1;z-index:10}.glass-sidebar__header-top{width:100%}.glass-sidebar--collapsed .glass-sidebar__header{padding:20px 0}.glass-sidebar--collapsed .glass-sidebar__header-top{flex-direction:column}.glass-sidebar--collapsed .glass-sidebar__toggle{margin:10px 0 0;display:flex}.glass-sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin;scrollbar-color:#E5E7EB transparent}.glass-sidebar__nav::-webkit-scrollbar{width:4px}.glass-sidebar__section{margin-bottom:2px}.glass-sidebar__section-label{display:block;padding:6px 20px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sb-section-text);-webkit-user-select:none;user-select:none;white-space:nowrap;transition:opacity .2s ease}.glass-sidebar--collapsed .glass-sidebar__section-label{opacity:0}.glass-sidebar__items{list-style:none;margin:0;padding:0 8px}.glass-sidebar--collapsed .glass-sidebar__items{padding:0 4px}.glass-sidebar__item{position:relative;margin-bottom:1px}.glass-sidebar__link{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;text-decoration:none;color:var(--sb-text-default);font-size:13px;font-weight:500;letter-spacing:-.005em;position:relative;overflow:hidden;transition:color var(--sb-transition),background var(--sb-transition),transform var(--sb-transition),box-shadow var(--sb-transition),padding var(--sb-transition),justify-content var(--sb-transition);cursor:pointer}.glass-sidebar--collapsed .glass-sidebar__link{justify-content:center;padding:10px 0;gap:0}.glass-sidebar__link:hover{color:var(--sb-text-hover);transform:scale(1.02);box-shadow:0 0 0 1px var(--sb-accent-glow),0 2px 12px var(--sb-accent-glow);background:#10b98108}.glass-sidebar--collapsed .glass-sidebar__link:hover{transform:scale(1.1)}.glass-sidebar__link--active{color:var(--sb-text-active);background:var(--sb-accent-pale);font-weight:600}.glass-sidebar__link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--sb-accent);border-radius:0 4px 4px 0}.glass-sidebar__link--active:hover{box-shadow:none;transform:none}.glass-sidebar__icon{width:20px;height:20px;flex-shrink:0;color:var(--sb-text-default);transition:color var(--sb-transition);stroke-width:1.5}.glass-sidebar__link:hover .glass-sidebar__icon{color:var(--sb-text-hover)}.glass-sidebar__link--active .glass-sidebar__icon{color:var(--sb-accent)}.glass-sidebar__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s ease,width .2s ease;width:auto}.glass-sidebar--collapsed .glass-sidebar__label{opacity:0;width:0}.glass-sidebar__divider{height:1px;background:var(--sb-divider);margin:6px 20px;transition:margin var(--sb-transition)}.glass-sidebar--collapsed .glass-sidebar__divider{margin:6px 10px}.glass-sidebar__footer{padding:14px 20px;border-top:1px solid var(--sb-divider);flex-shrink:0;display:flex;align-items:center;gap:12px;transition:padding var(--sb-transition),justify-content var(--sb-transition)}.glass-sidebar--collapsed .glass-sidebar__footer{justify-content:center;padding:14px 0}.glass-sidebar__avatar-wrapper{position:relative;flex-shrink:0}.glass-sidebar__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#374151,#1f2937);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.glass-sidebar__online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--sb-accent);border:2px solid #fff;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.glass-sidebar__user-info{flex:1;min-width:0;opacity:1;transition:opacity .2s ease,width .2s ease;overflow:hidden}.glass-sidebar--collapsed .glass-sidebar__user-info{opacity:0;width:0}.glass-sidebar__user-name{font-size:13px;font-weight:600;color:var(--sb-text-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-sidebar__user-role{font-size:11px;color:var(--sb-text-default);margin-top:1px}.glass-sidebar-overlay{display:none}@media(max-width:899px){.glass-sidebar{transform:translate(calc(-100% - var(--sidebar-margin)));opacity:0;pointer-events:none;z-index:1300;top:16px;left:16px;bottom:16px;width:var(--sidebar-width)!important}.glass-sidebar--mobile-open{transform:translate(0);opacity:1;pointer-events:auto}}@media(min-width:900px){.glass-sidebar-spacer{width:calc(var(--sidebar-width) + var(--sidebar-margin) * 2 + 16px);flex-shrink:0;transition:width var(--sb-transition)}.glass-sidebar-spacer--collapsed{width:calc(var(--sidebar-collapsed-width) + var(--sidebar-margin) * 2 + 16px)}}@media(max-width:899px){.glass-sidebar-spacer{display:none}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}.glass-effect{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.18)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}