.top-bar{z-index:1000;background:linear-gradient(135deg,#7b1fa2 0%,#512da8 50%,#303f9f 100%);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #0000004d}.top-bar-logo{align-items:center;height:auto;display:flex}.top-bar-logo img{object-fit:contain;filter:invert();mix-blend-mode:lighten;width:auto;height:20px}.top-bar-right{align-items:center;gap:12px;display:flex}.user-info-top{color:#fff;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;display:flex}.user-avatar-small{color:#7b1fa2;background:#fff;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.user-avatar-small img{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;width:100%;height:100%}.logout-btn-top{color:#7b1fa2;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .3s;position:relative}.logout-btn-top:before{content:"";z-index:-1;background:linear-gradient(135deg,#ad1457 0%,#7b1fa2 25%,#512da8 50%,#303f9f 75%,#1a237e 100%);border-radius:20px;position:absolute;inset:-2px}.logout-btn-top:hover{color:#fff;background:linear-gradient(135deg,#ad1457 0%,#7b1fa2 25%,#512da8 50%,#303f9f 75%,#1a237e 100%);transform:scale(1.05)}