.agent-sidebar{z-index:10;background:#1a1b1e;border-right:1px solid #2f3136;flex-direction:column;gap:8px;width:60px;padding:12px 8px;display:flex;position:absolute;top:0;bottom:80px;left:0;overflow:visible}.agent-sidebar__header{border-bottom:1px solid #2f3136;justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px;padding-bottom:8px;display:flex}.agent-sidebar__title{color:#b9bbbe;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin:0;font-size:10px;font-weight:600;line-height:1}.agent-sidebar__title--clickable{cursor:pointer;border-radius:4px;padding:4px 8px;transition:color .2s}.agent-sidebar__title--clickable:hover{color:#fff;background:#7289da1a}.agent-sidebar__list-btn{color:#7289da;cursor:pointer;opacity:.6;appearance:none;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;transition:all .3s;display:flex}.agent-sidebar__list-btn:hover{color:#fff;opacity:1;background:#7289da26;transform:scale(1.2);box-shadow:0 0 12px #7289da66}.agent-sidebar__list-btn:active{transform:scale(1.1)}.agent-sidebar__list-btn:focus{outline:none}.agent-sidebar__list-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #7289da80}.agent-sidebar__dialog{background:#1a1b1e;border:1px solid #2f3136;padding:0}.agent-sidebar__list{scrollbar-width:none;flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:visible}.agent-sidebar__list::-webkit-scrollbar{display:none}.agent-sidebar__item{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#36393fcc;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.agent-sidebar__item:before{content:"";-webkit-mask-composite:xor;opacity:0;background:conic-gradient(#ff6b6b 0deg,#4ecdc4 60deg,#45b7d1 120deg,#96ceb4 180deg,#feca57 240deg,#ff9ff3 300deg,#ff6b6b 360deg);border-radius:50%;padding:3px;transition:all .4s;animation:3s linear infinite rotate-gradient;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.agent-sidebar__item:after{content:"";opacity:0;background:radial-gradient(circle at 30% 30%,#ffffff4d 0%,#ffffff1a 30%,#0000 70%);border-radius:50%;transition:opacity .4s;position:absolute;inset:2px}.agent-sidebar__item:hover{background:#4f545ce6;transform:translateY(-2px)scale(1.08);box-shadow:0 8px 30px #0006,0 0 25px #7289da4d,inset 0 2px #fff3}.agent-sidebar__item:hover:before{opacity:.8;padding:4px;inset:-4px}.agent-sidebar__item:hover:after{opacity:1}.agent-sidebar__item--active{background:radial-gradient(circle at 30% 30%,#7289da99 0%,#673ab780 70%,#2d3436cc 100%);border:2px solid #7289dab3;transform:scale(1.1);box-shadow:0 0 25px #7289da80,0 0 45px #7289da4d,0 6px 25px #0006,inset 0 2px #ffffff4d}.agent-sidebar__item--active:before{opacity:1;padding:4px;animation:2s linear infinite rotate-gradient;inset:-4px}.agent-sidebar__item--active:after{opacity:1}.agent-sidebar__item--active:hover{transform:scale(1.15)translateY(-2px);box-shadow:0 10px 40px #7289da66,0 0 60px #7289da4d,0 6px 25px #0006,inset 0 2px #ffffff4d}.agent-sidebar__item--skeleton{pointer-events:none;background:0 0;border:2px solid #0000}.agent-sidebar__item--skeleton:hover{background:0 0;border-color:#0000;transform:none}.agent-sidebar__avatar{z-index:2;border:2px solid #fff3;border-radius:50%;width:32px;height:32px;transition:all .4s;position:relative;overflow:hidden}.agent-sidebar__avatar:after{content:"";pointer-events:none;background:radial-gradient(circle at 25% 25%,#fff6 0%,#ffffff1a 40%,#0000 70%);border-radius:50%;position:absolute;inset:0}.agent-sidebar__item:hover .agent-sidebar__avatar{border-color:#fff6;transform:scale(1.05);box-shadow:0 6px 25px #00000080,inset 0 2px #ffffff4d}.agent-sidebar__item--active .agent-sidebar__avatar{border-color:#fff9;box-shadow:0 0 20px #7289da66,inset 0 2px #fff6}.agent-sidebar__item--skeleton .agent-sidebar__avatar{background:linear-gradient(90deg,#ffffff1a 0%,#fff3 50%,#ffffff1a 100%) 0 0/200px 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.agent-sidebar__avatar-emoji{color:#fff;text-shadow:0 2px 4px #0006;background:radial-gradient(circle at 30% 30%,#667eea 0%,#764ba2 40%,#f093fb 100%);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;position:relative}.agent-sidebar__avatar-emoji:before{content:"";z-index:-1;filter:blur(6px);opacity:0;background:radial-gradient(circle,#667eea80 0%,#764ba266 50%,#f093fb4d 100%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-4px}.agent-sidebar__item:hover .agent-sidebar__avatar-emoji:before,.agent-sidebar__item--active .agent-sidebar__avatar-emoji:before{opacity:1}.agent-sidebar__avatar-default{color:#dcddde;text-shadow:0 2px 4px #0009;background:radial-gradient(circle at 30% 30%,#4f5660 0%,#36393f 40%,#2f3136 100%);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex;position:relative}.agent-sidebar__avatar-default:before{content:"";z-index:-1;filter:blur(4px);opacity:0;background:radial-gradient(circle,#4f566080 0%,#36393f66 70%,#0000 100%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-3px}.agent-sidebar__item:hover .agent-sidebar__avatar-default:before{opacity:.8}.agent-sidebar__active-indicator{background:#7289da;border-radius:0 4px 4px 0;width:4px;height:20px;animation:.2s slideIn;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.agent-sidebar__tooltip{max-width:200px;color:#fff!important;background:#2f3136!important;border:1px solid #40444b!important;border-radius:6px!important;padding:8px 12px!important;box-shadow:0 4px 12px #0006!important}.agent-sidebar__tooltip-content{padding:4px 0}.agent-sidebar__tooltip-name{margin-bottom:2px;font-size:14px;font-weight:600;color:#fff!important}.agent-sidebar__tooltip-description{font-size:12px;line-height:1.3;color:#dcddde!important}.agent-sidebar__empty{text-align:center;opacity:.7;flex-direction:column;justify-content:center;align-items:center;padding:16px 8px;display:flex}.agent-sidebar__empty-text{color:#b9bbbe;margin-bottom:4px;font-size:11px;font-weight:600;line-height:1.2}.agent-sidebar__empty-hint{color:#72767d;font-size:10px;line-height:1.2}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%)translate(-4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes skeleton-pulse{0%{opacity:.6;background-position:-200px 0}50%{opacity:.8}to{opacity:.6;background-position:calc(200px + 100%) 0}}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.agent-sidebar{width:50px;padding:8px 4px}.agent-sidebar__item{width:38px;height:38px}.agent-sidebar__avatar{width:28px;height:28px}.agent-sidebar__avatar-emoji,.agent-sidebar__avatar-default{font-size:14px}.agent-sidebar__title{font-size:9px}}