:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}@keyframes fadeIn{0%{opacity:0;transform:translateX(-.5rem)}to{opacity:1;transform:translateX(0)}}.user-header-container{position:fixed;z-index:50;pointer-events:none;transition:all .3s ease}.user-header-container.corner-bl{bottom:0;left:0;width:16rem;height:8rem}.user-header-container.corner-br{bottom:0;right:0;width:16rem;height:8rem}.user-header-container.corner-tl{top:0;left:0;width:16rem;height:8rem}.user-header-container.corner-tr{top:0;right:0;width:16rem;height:8rem}.user-header-indicator{position:fixed;width:2rem;height:2rem;background-color:hsla(0,0%,100%,.95);border-radius:.5rem;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid rgba(229,231,235,.5);transition:all .2s ease-in-out;z-index:49;padding:0}.corner-bl .user-header-indicator{bottom:1rem;left:1rem}.corner-br .user-header-indicator{bottom:1rem;right:1rem}.corner-tl .user-header-indicator{top:1rem;left:1rem}.corner-tr .user-header-indicator{top:1rem;right:1rem}.user-header-indicator:hover{background-color:hsla(0,0%,100%,.98);box-shadow:0 4px 6px rgba(0,0,0,.1)}.user-header-indicator svg{width:1.25rem;height:1.25rem;color:#3b82f6}.user-header-indicator.dragging{opacity:.9;box-shadow:0 8px 16px rgba(0,0,0,.1);cursor:move;pointer-events:none}.user-header{display:flex;flex-direction:column;gap:.25rem;border-radius:.75rem;padding:.75rem;background-color:hsla(0,0%,100%,.95);box-shadow:0 4px 12px rgba(0,0,0,.08);margin:1rem;border:1px solid rgba(229,231,235,.5);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;z-index:50;opacity:0;pointer-events:none;width:14rem}.user-header.active{opacity:1;transform:translateY(0)!important;pointer-events:auto}.corner-bl .user-header{bottom:0;left:0;transform:translateY(1rem)}.corner-br .user-header{bottom:0;right:0;transform:translateY(1rem)}.corner-tl .user-header{top:0;left:0;transform:translateY(-1rem)}.corner-tr .user-header{top:0;right:0;transform:translateY(-1rem)}.user-header:hover{background-color:hsla(0,0%,100%,.98);border-color:rgba(229,231,235,.8)}.user-header-actions{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(229,231,235,.5);margin-bottom:.5rem}.user-button{display:inline-flex;gap:.5rem;justify-content:flex-start;align-items:center;padding:.5rem;border-radius:.375rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;letter-spacing:-.01em;background:transparent;text-decoration:none;border:none;color:#475569;cursor:pointer;width:100%;transition:all .2s ease-in-out}.user-button:hover{background-color:rgba(248,250,252,.8)}.user-button:active{background-color:rgba(241,245,249,.8)}.user-dropdown{position:relative;width:100%}.user-dropdown-content{display:none;position:absolute;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.08);min-width:12rem;z-index:51;font-family:var(--font-sans);padding:.5rem}.user-dropdown.active .user-dropdown-content{display:block}.user-dropdown-label{padding:.5rem 1rem;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.user-dropdown-separator{height:1px;background-color:#e2e8f0;margin:.25rem 0}.user-dropdown-button,.user-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;color:#475569;font-family:var(--font-sans);font-size:.875rem;font-weight:450;line-height:1.25rem;text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.user-dropdown-button:hover,.user-dropdown-item:hover{background-color:#f8fafc}.user-dropdown-button svg,.user-dropdown-item svg{width:1rem;height:1rem;flex-shrink:0}.user-dropdown-form{width:100%;margin:0;padding:0}.corner-bl .position-dropdown,.corner-bl .user-dropdown-content,.corner-tl .position-dropdown,.corner-tl .user-dropdown-content{left:100%;margin-left:.5rem}.corner-br .position-dropdown,.corner-br .user-dropdown-content,.corner-tr .position-dropdown,.corner-tr .user-dropdown-content{right:100%;left:auto;margin-right:.5rem}.corner-bl .position-dropdown,.corner-br .position-dropdown{bottom:0;top:auto}.corner-tl .position-dropdown,.corner-tr .position-dropdown{top:0;bottom:auto}.corner-bl .user-dropdown-content,.corner-br .user-dropdown-content{bottom:0;top:auto}.corner-tl .user-dropdown-content,.corner-tr .user-dropdown-content{top:0;bottom:auto}@media (max-width:640px){.hide-on-mobile{display:none}.user-header{width:auto}.position-dropdown,.user-dropdown-content{position:fixed;left:1rem!important;right:1rem!important;bottom:100%!important;top:auto!important;margin:0 0 .5rem!important}}.user-dropdown-button.active{background-color:rgba(59,130,246,.1);color:#3b82f6}.user-dropdown-button.active svg{color:#3b82f6}.position-dropdown{display:none;position:absolute;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.08);min-width:12rem;z-index:51;font-family:var(--font-sans);padding:.5rem;left:100%;top:0;margin-left:.5rem}.position-dropdown.active{display:block}