*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;height:100%}body{background-color:hsl(var(--color-bg-primary));color:hsl(var(--color-text-primary));min-height:100%;transition:background-color var(--motion-transition-default), color var(--motion-transition-default);flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--color-bg-secondary))}::-webkit-scrollbar-thumb{background:hsl(var(--color-text-muted) / .3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-text-muted) / .5)}h1,h2,h3,h4,h5,h6{color:hsl(var(--color-text-primary));font-weight:700;line-height:1.2}a{color:inherit;transition:var(--motion-transition-default);text-decoration:none}.glass-container{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 var(--color-shadow), 0 0 1px 0 hsl(var(--color-accent-primary) / .1);position:relative;overflow:hidden}.neon-glow{background:linear-gradient(90deg, hsl(var(--color-accent-primary)), hsl(var(--color-accent-secondary)));width:100%;height:3px;position:absolute;top:0;left:0}.clerk-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);text-align:center}.clerk-subtitle{font-size:var(--typography-fontSize-sm);color:hsl(var(--color-text-secondary));margin-top:var(--spacing-sm)}.clerk-form{padding:0 var(--spacing-xl) var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.input-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.clerk-label{font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-medium);color:hsl(var(--color-text-secondary));text-transform:uppercase;letter-spacing:.05em}.clerk-input{padding:10px var(--spacing-md);font-size:var(--typography-fontSize-sm);color:hsl(var(--color-text-primary));background:hsl(var(--color-input-bg));border-radius:var(--radius-md);border:1px solid var(--color-border);transition:var(--motion-transition-default)}.clerk-input:hover{border-color:hsl(var(--color-text-secondary) / .5)}.clerk-input:focus{border-color:hsl(var(--color-input-focus));box-shadow:0 0 0 3px hsl(var(--color-input-focus) / .15);outline:none}.clerk-btn{padding:12px var(--spacing-md);font-weight:var(--typography-fontWeight-semibold);font-size:var(--typography-fontSize-sm);color:#fff;background:linear-gradient(135deg, hsl(var(--color-accent-primary)), hsl(var(--color-accent-secondary)));border-radius:var(--radius-md);cursor:pointer;transition:var(--motion-transition-spring);justify-content:center;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 14px 0 hsl(var(--color-accent-primary) / .3);border:none;display:flex}.clerk-btn:hover:not(:disabled){transform:var(--motion-hover-lift);box-shadow:0 6px 20px 0 hsl(var(--color-accent-primary) / .4)}.clerk-btn:active:not(:disabled){transform:translateY(1px)}.clerk-btn:disabled{opacity:.6;cursor:not-allowed;background:hsl(var(--color-text-muted) / .3);box-shadow:none}.clerk-btn-secondary{padding:10px var(--spacing-md);font-weight:var(--typography-fontWeight-medium);font-size:var(--typography-fontSize-sm);color:hsl(var(--color-text-primary));background:hsl(var(--color-text-muted) / .05);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--motion-transition-default);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.clerk-btn-secondary:hover:not(:disabled){background:hsl(var(--color-text-muted) / .1);border-color:hsl(var(--color-text-secondary) / .3)}.clerk-alert-error{padding:var(--spacing-md);font-size:var(--typography-fontSize-sm);color:hsl(var(--color-error));background:hsl(var(--color-error) / .1);border:1px solid hsl(var(--color-error) / .2);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);display:flex}.clerk-alert-success{padding:var(--spacing-md);font-size:var(--typography-fontSize-sm);color:hsl(var(--color-success));background:hsl(var(--color-success) / .1);border:1px solid hsl(var(--color-success) / .2);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);display:flex}.clerk-footer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);text-align:center;font-size:var(--typography-fontSize-sm);color:hsl(var(--color-text-secondary));border-top:1px solid var(--color-border)}.clerk-link{color:hsl(var(--color-accent-primary));font-weight:var(--typography-fontWeight-semibold)}.clerk-link:hover{text-decoration:underline}.clerk-user-btn{cursor:pointer;background:0 0;border:none;outline:none;display:inline-flex;position:relative}.clerk-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid hsl(var(--color-accent-primary) / .3);width:40px;height:40px;transition:var(--motion-transition-spring)}.clerk-user-btn:hover .clerk-avatar{border-color:hsl(var(--color-accent-secondary));transform:scale(1.08)}.clerk-dropdown{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);width:280px;box-shadow:0 10px 40px 0 var(--color-shadow);z-index:100;animation:.3s cubic-bezier(.34,1.56,.64,1) dropdownEntry;position:absolute;top:48px;right:0;overflow:hidden}@keyframes dropdownEntry{0%{opacity:0;transform:scale(.92)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-profile{padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-border);background:hsl(var(--color-text-muted) / .03);display:flex}.profile-meta{text-align:left;flex-direction:column;display:flex}.meta-name{font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-bold);color:hsl(var(--color-text-primary))}.meta-email{font-size:var(--typography-fontSize-xs);color:hsl(var(--color-text-secondary))}.dropdown-menu{padding:var(--spacing-sm) 0;flex-direction:column;display:flex}.dropdown-item{align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-md);text-align:left;font-family:inherit;font-size:var(--typography-fontSize-sm);color:hsl(var(--color-text-primary));cursor:pointer;transition:var(--motion-transition-default);background:0 0;border:none;display:flex}.dropdown-item:hover{background:hsl(var(--color-text-muted) / .08)}.dropdown-item.danger{color:hsl(var(--color-error))}.dropdown-item.danger:hover{background:hsl(var(--color-error) / .08)}.profile-modal{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0f1973;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-card{z-index:1001;width:800px;max-width:95vw;height:560px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) cardPopup;display:flex}@keyframes cardPopup{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-sidebar{border-right:1px solid var(--color-border);background:hsl(var(--color-text-muted) / .02);width:220px;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.sidebar-title{font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-bold);color:hsl(var(--color-text-muted));text-transform:uppercase;padding:0 var(--spacing-md);margin-bottom:var(--spacing-sm)}.tab-btn{align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-md);font-family:inherit;font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-medium);color:hsl(var(--color-text-secondary));cursor:pointer;border-radius:var(--radius-md);transition:var(--motion-transition-default);text-align:left;background:0 0;border:none;display:flex}.tab-btn.active{background:hsl(var(--color-accent-primary) / .1);color:hsl(var(--color-accent-primary))}.tab-btn:hover:not(.active){background:hsl(var(--color-text-muted) / .06);color:hsl(var(--color-text-primary))}.profile-content{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.modal-close{top:var(--spacing-lg);right:var(--spacing-lg);color:hsl(var(--color-text-secondary));cursor:pointer;border-radius:var(--radius-full);transition:var(--motion-transition-default);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute}.modal-close:hover{background:hsl(var(--color-text-muted) / .1);color:hsl(var(--color-text-primary))}.content-section{gap:var(--spacing-md);flex-direction:column;display:flex}.section-title{font-size:var(--typography-fontSize-base);font-weight:var(--typography-fontWeight-bold);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-sm)}.session-row{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:hsl(var(--color-text-muted) / .01);transition:var(--motion-transition-default);justify-content:space-between;align-items:center;display:flex}.session-row:hover{background:hsl(var(--color-text-muted) / .03);border-color:hsl(var(--color-text-secondary) / .3)}.session-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.session-device{font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-semibold);align-items:center;gap:var(--spacing-sm);display:flex}.session-meta{font-size:var(--typography-fontSize-xs);color:hsl(var(--color-text-secondary));padding-left:20px}.clerk-badge{font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-medium);border-radius:var(--radius-full);padding:2px 8px}.clerk-badge.success{color:hsl(var(--color-success));background:hsl(var(--color-success) / .15);border:1px solid hsl(var(--color-success) / .2)}.avatar-grid{gap:var(--spacing-md);padding:var(--spacing-sm) 0;flex-wrap:wrap;display:flex}.avatar-option{border-radius:var(--radius-full);object-fit:cover;cursor:pointer;width:50px;height:50px;transition:var(--motion-transition-spring);border:2px solid #0000}.avatar-option:hover{transform:scale(1.1)}.avatar-option.active{border-color:hsl(var(--color-accent-primary));box-shadow:0 0 10px 0 hsl(var(--color-accent-primary) / .5)}.clerk-table-container{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.clerk-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--typography-fontSize-sm)}.clerk-table th{padding:var(--spacing-md);color:hsl(var(--color-text-secondary));font-weight:var(--typography-fontWeight-semibold);background:hsl(var(--color-text-muted) / .05);border-bottom:1px solid var(--color-border)}.clerk-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);transition:var(--motion-transition-default)}.clerk-table tr:hover td{background:hsl(var(--color-text-muted) / .02)}