.drawer-backdrop{z-index:998;background:0 0;position:fixed;inset:0}.profile-dropdown{z-index:999;transform-origin:100% 0;background:#fff;border:1px solid #e7eaf0;border-radius:14px;flex-direction:column;width:258px;max-height:440px;animation:.18s cubic-bezier(.4,0,.2,1) dropdownOpen;display:flex;position:absolute;top:calc(100% + 12px);left:auto;right:0;overflow:visible;box-shadow:0 12px 36px #0f172a24,0 2px 8px #0f172a0f}.profile-dropdown:before{content:"";background:#fff;border-top:1px solid #e7eaf0;border-left:1px solid #e7eaf0;border-radius:3px 0 0;width:12px;height:12px;position:absolute;top:-6px;right:26px;transform:rotate(45deg)}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdownClose{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.97)}}.profile-dropdown.closing{animation:.16s cubic-bezier(.4,0,.2,1) forwards dropdownClose}.drawer-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 10px;display:flex}.drawer-user-info{align-items:center;gap:10px;display:flex}.drawer-avatar{object-fit:cover;border:1.5px solid #e5e7eb;border-radius:10px;flex-shrink:0;width:36px;height:36px;display:block}.drawer-name{color:#0f172a;margin:0 0 1px;font-size:13px;font-weight:700;line-height:1}.drawer-role{color:#475569;margin:0;font-size:11px;font-weight:500}.close-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:flex}.close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.drawer-content{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:1;padding:7px;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:4px}.drawer-content::-webkit-scrollbar-track{background:0 0}.drawer-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.drawer-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.drawer-section{margin-bottom:0;padding-top:0}.title{color:#64748b;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 6px 2px;font-size:11px;font-weight:600}.item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;height:42px;margin-bottom:2px;padding:0 9px;transition:background .15s,border-color .15s;display:flex}.item:hover{background:#f8fafc;border-color:#e5e7eb}.item--active{background:#fff7ed;border-color:#ff6b1a}.item--active .item-icon-box{color:#ff6b1a;background:#ffede0}.item--active .item-label{color:#ff6b1a;font-weight:600}.item-icon-box{color:#475569;background:#f2f4f8;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s,color .15s;display:flex}.item:hover:not(.item--active) .item-icon-box{color:#334155;background:#e9edf3}.item-label{color:#0f172a;flex:1;font-size:13px;font-weight:500;transition:color .15s}.badge{letter-spacing:.5px;color:#fff;background:#ff6b1a;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.badge--soon{color:#8a94a6;background:#eef1f5}.item--soon{cursor:default;opacity:.72}.item--soon:hover{background:0 0}.profile-dropdown hr{border:none;border-top:1px solid #f1f5f9;margin:8px 0 6px}.logout{cursor:pointer;color:#ef4444;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:9px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.logout svg{font-size:13px;transition:transform .15s}.logout:hover{background:#fef2f2;border-color:#f87171}.logout:hover svg{transform:translate(3px)}