:root{--color-canvas-dark:#121212;--color-canvas-elevated:#1a1a1c;--color-glass-thick:#1c1c1ed9;--color-glass-regular:#2c2c2eb3;--color-glass-thin:#3a3a3c80;--color-glass-ultrathin:#ffffff14;--color-text-primary:#fff;--color-text-secondary:#ebebf599;--color-text-tertiary:#ebebf54d;--color-accent-blue:#0a84ff;--color-accent-blue-hover:#0071e3;--color-accent-sheen:#fff6;--color-specular-border:#ffffff1f;--color-specular-border-focused:#ffffff59;--color-btn-fill:#f2f0ef;--color-btn-text:#121212;--color-btn-fill-hover:#fff;--color-text-highlight:#eb607f;--ambient-glow-color:#0a84ff80;--ambient-glow-secondary:#ff2d5566;--ambient-glow-tertiary:#a855f759;--hero-gradient-dominant:#121212;--font-family-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", sans-serif;--font-size-hero:32px;--line-height-hero:40px;--font-weight-hero:700;--letter-spacing-hero:.3px;--font-size-title-1:24px;--line-height-title-1:32px;--font-weight-title-1:600;--letter-spacing-title-1:.2px;--font-size-title-2:20px;--line-height-title-2:28px;--font-weight-title-2:600;--letter-spacing-title-2:.15px;--font-size-title-3:18px;--line-height-title-3:24px;--font-weight-title-3:500;--letter-spacing-title-3:.1px;--font-size-headline:16px;--line-height-headline:22px;--font-weight-headline:600;--letter-spacing-headline:.1px;--font-size-body:14px;--line-height-body:20px;--font-weight-body:400;--letter-spacing-body:0px;--font-size-callout:13px;--line-height-callout:18px;--font-weight-callout:500;--letter-spacing-callout:0px;--font-size-caption-1:12px;--line-height-caption-1:16px;--font-weight-caption-1:500;--letter-spacing-caption-1:-.05px;--font-size-caption-2:11px;--line-height-caption-2:14px;--font-weight-caption-2:400;--letter-spacing-caption-2:-.05px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--radius-card:14px;--radius-button:22px;--radius-modal:20px;--focus-spring:cubic-bezier(.25, 1, .5, 1);--glass-blur:blur(24px) saturate(180%);--color-rank-silver:#c4c4cc;--shadow-rest:0 4px 14px #00000073;--shadow-focused:0 20px 48px #000000bf, 0 8px 16px #00000073}[data-theme=light]{--color-canvas-dark:#f5f5f7;--color-canvas-elevated:#fff;--color-glass-thick:#ffffffe6;--color-glass-regular:#f5f5f7d9;--color-glass-thin:#ebebf0cc;--color-glass-ultrathin:#0000000d;--color-text-primary:#111113;--color-text-secondary:#48484a;--color-text-tertiary:#636366;--color-rank-silver:#52525b;--color-btn-fill:#1d1d1f;--color-btn-text:#fff;--color-btn-fill-hover:#000;--color-text-highlight:#d1003b;--color-specular-border:#0000001f;--color-specular-border-focused:#00000047;--hero-gradient-dominant:#f5f5f7;--shadow-rest:0 4px 14px #00000014;--shadow-focused:0 16px 36px #0000001f}#app-nav-wrapper{z-index:1000;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.top-nav-container{width:100%;padding:var(--space-2) var(--space-4);pointer-events:none;justify-content:center;display:flex}.top-nav-bar{pointer-events:auto;align-items:center;gap:var(--space-1);border-radius:var(--radius-button);background-color:var(--color-glass-thick);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border);box-shadow:var(--shadow-rest);padding:6px 12px;display:flex;position:relative}.top-nav-item{z-index:2;font-size:var(--font-size-callout);font-weight:var(--font-weight-headline);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;border-radius:16px;padding:8px 18px;transition:color .2s;position:relative}.top-nav-item:hover,.top-nav-item.is-active{color:var(--color-text-primary)}.top-nav-indicator{background-color:var(--color-glass-ultrathin);border:1px solid var(--color-specular-border-focused);transition:transform .3s var(--focus-spring), width .3s var(--focus-spring);pointer-events:none;z-index:1;border-radius:16px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 2px 8px #00000059}.metric-tile-container{width:100%;min-height:130px;padding:var(--space-3);border-radius:var(--radius-card);background-color:var(--color-glass-thick);border:1px solid var(--color-specular-border);box-shadow:var(--shadow-rest);contain:layout paint;will-change:transform;transition:transform .25s var(--focus-spring), border-color .25s ease;flex-direction:column;justify-content:space-between;display:flex}.metric-tile-container:hover{border-color:var(--color-specular-border-focused);transform:translateY(-2px)}.metric-tile-header{justify-content:space-between;align-items:center;display:flex}.metric-tile-label{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-caption-1);letter-spacing:var(--letter-spacing-caption-1);color:var(--color-text-secondary);text-transform:uppercase}.metric-tile-badge{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-headline);color:var(--color-accent-blue);background-color:#0a84ff26;border:1px solid #0a84ff4d;border-radius:10px;padding:2px 8px}.metric-tile-value{font-size:var(--font-size-title-1);line-height:var(--line-height-title-1);font-weight:var(--font-weight-hero);color:var(--color-text-primary);margin-top:var(--space-1)}.metric-tile-subtitle{font-size:var(--font-size-caption-2);color:var(--color-text-tertiary)}.action-btn{justify-content:center;align-items:center;gap:var(--space-1);height:44px;padding:0 var(--space-3);border-radius:var(--radius-button);font-size:var(--font-size-headline);font-weight:var(--font-weight-headline);transition:transform .2s var(--focus-spring), background-color .2s ease, box-shadow .2s ease;-webkit-user-select:none;user-select:none;display:inline-flex}.action-btn:active{transform:scale(.91)}.action-btn-primary{background-color:var(--color-btn-fill);color:var(--color-btn-text);box-shadow:none}.action-btn-primary:hover{background-color:var(--color-btn-fill-hover);box-shadow:none}.action-btn-glass{background-color:var(--color-glass-regular);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border);color:var(--color-text-primary)}.action-btn-glass:hover{background-color:var(--color-glass-thin);border-color:var(--color-specular-border-focused)}.action-btn-danger{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#ff453a;border-radius:var(--radius-button);background-color:#ff453a29;border:1px solid #ff453a66}.action-btn-danger:hover{color:#fff;background-color:#ff453a47;border-color:#ff453ab3}.segmented-control{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.focus-card-container{perspective:1200px;width:100%;position:relative}.focus-card{--focus-x:0;--focus-y:0;--max-rotation-deg:9deg;aspect-ratio:1;border-radius:var(--radius-card);width:100%;transform-style:preserve-3d;will-change:transform;transition:transform .3s var(--focus-spring), box-shadow .3s var(--focus-spring);box-shadow:var(--shadow-rest);background-color:var(--color-canvas-elevated);cursor:pointer;position:relative;overflow:visible;transform:scale(1)rotateX(0)rotateY(0)}.focus-card:hover,.focus-card.is-focused{transform:scale3d(1.06, 1.06, 1.06) rotateX(calc(var(--focus-y) * -1 * var(--max-rotation-deg))) rotateY(calc(var(--focus-x) * var(--max-rotation-deg)));box-shadow:var(--shadow-focused);transition:transform 75ms ease-out,box-shadow .25s}.card-inner-surface{border-radius:var(--radius-card);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.card-artwork{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-gradient-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#000000d9 100%);position:absolute;inset:0}.card-meta-content{z-index:2;padding:var(--space-2);flex-direction:column;display:flex;position:relative}.card-meta-title{font-size:var(--font-size-headline);font-weight:var(--font-weight-headline);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000000d9;overflow:hidden}.card-meta-subtitle{font-size:var(--font-size-caption-1);color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000d9;overflow:hidden}.card-specular-border{border-radius:var(--radius-card);border:1px solid var(--color-specular-border);pointer-events:none;z-index:3;transition:border-color .25s;position:absolute;inset:0}.focus-card:hover .card-specular-border,.focus-card.is-focused .card-specular-border{border-color:var(--color-specular-border-focused)}.card-sheen{opacity:0;mix-blend-mode:screen;pointer-events:none;z-index:4;border-radius:var(--radius-card);background:linear-gradient(135deg, #ffffff38 0%, #ffffff0d 35%, #fff0 100%), radial-gradient(circle at calc((var(--focus-x) + 1) * 50%) calc((var(--focus-y) + 1) * 50%), #fff6 0%, #fff0 65%);transition:opacity .25s;position:absolute;inset:0}.focus-card:hover .card-sheen,.focus-card.is-focused .card-sheen{opacity:1}.card-ambient-glow{background:var(--ambient-glow-color,#0a84ff40);filter:blur(24px);opacity:0;z-index:-1;transition:opacity .35s var(--focus-spring), background .4s ease;pointer-events:none;border-radius:24px;position:absolute;inset:-14px}.focus-card:hover .card-ambient-glow,.focus-card.is-focused .card-ambient-glow{opacity:.7}.top-shelf-hero{width:100%;min-height:min(44vh,480px);padding:calc(var(--space-6) + 48px) var(--space-4) var(--space-6) var(--space-4);background:radial-gradient(ellipse 95% 85% at 50% -10%, var(--ambient-glow-color,#0a84ffbf) 0%, #12121200 75%), radial-gradient(circle at 12% 20%, var(--ambient-glow-secondary,#ff2d558c) 0%, #12121200 70%), radial-gradient(circle at 88% 25%, var(--ambient-glow-tertiary,#a855f780) 0%, #12121200 70%), var(--color-canvas-dark);z-index:50;flex-direction:column;justify-content:flex-end;transition:background .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.top-shelf-hero:after{content:"";background:linear-gradient(180deg, #12121200 20%, #12121259 65%, var(--color-canvas-dark) 100%);pointer-events:none;position:absolute;inset:0}.top-shelf-content{z-index:2;gap:var(--space-2);flex-direction:column;max-width:800px;display:flex;position:relative}.top-shelf-badge{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-headline);text-transform:uppercase;letter-spacing:var(--letter-spacing-caption-1);background-color:var(--color-glass-thin);border:1px solid var(--color-specular-border);color:var(--color-text-secondary);border-radius:12px;align-self:flex-start;padding:4px 12px;display:inline-flex}.top-shelf-title{font-size:var(--font-size-hero);line-height:var(--line-height-hero);font-weight:var(--font-weight-hero);letter-spacing:var(--letter-spacing-hero);color:var(--color-text-primary)}.top-shelf-description{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.top-shelf-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.dashboard-container{gap:var(--space-6);padding:96px var(--space-4) var(--space-4) var(--space-4);flex-direction:column;width:100%;max-width:1400px;margin:0 auto;display:flex}.dashboard-section{gap:var(--space-3);flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:baseline;display:flex}.section-title{font-size:var(--font-size-title-2);font-weight:var(--font-weight-title-2);color:var(--color-text-primary)}.section-subtitle{font-size:var(--font-size-caption-1);color:var(--color-text-secondary);font-weight:500}.metric-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.top-controls-container{z-index:1001;align-items:center;gap:10px;display:flex;position:fixed;top:16px;right:28px}.profile-nav-button{background-color:var(--color-glass-thick);width:34px;height:34px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border);box-shadow:var(--shadow-rest);cursor:pointer;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .15s,border-color .15s,background-color .15s;display:flex}.profile-nav-button:hover{border-color:var(--color-accent);transform:scale(1.05)}.profile-nav-button:active{transform:scale(.96)}.theme-toggle-container{background-color:var(--color-glass-thick);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border);box-shadow:var(--shadow-rest);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex;position:relative}.theme-toggle-track{background-color:var(--color-glass-thin);border:1px solid var(--color-specular-border);border-radius:11px;width:38px;height:22px;transition:background-color .2s;position:relative}.theme-toggle-thumb{width:16px;height:16px;transition:transform .25s var(--focus-spring), background-color .2s ease;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.theme-toggle-icon{justify-content:center;align-items:center;transition:opacity .2s,color .2s;display:flex}.glass-dropdown-container{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.glass-dropdown-trigger{background-color:var(--color-glass-thick);height:38px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border);color:var(--color-text-primary);font-size:var(--font-size-callout);font-weight:var(--font-weight-headline);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.glass-dropdown-trigger:hover{background-color:var(--color-glass-thin);border-color:var(--color-specular-border-focused)}.glass-dropdown-trigger.is-active{border-color:var(--color-text-highlight)}.glass-dropdown-chevron{color:var(--color-text-secondary);transition:transform .2s}.glass-dropdown-trigger.is-active .glass-dropdown-chevron{transform:rotate(180deg)}.glass-dropdown-menu{z-index:1200;background-color:var(--color-glass-thick);min-width:290px;max-width:400px;max-height:280px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border);box-shadow:var(--shadow-focused);border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.glass-dropdown-menu::-webkit-scrollbar{width:6px}.glass-dropdown-menu::-webkit-scrollbar-track{background:0 0}.glass-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-glass-thin);border-radius:3px}.glass-dropdown-menu.is-open{display:flex}.glass-dropdown-item{cursor:pointer;border-radius:8px;flex-direction:column;padding:8px 10px;transition:background-color .15s;display:flex}.glass-dropdown-item:hover{background-color:var(--color-glass-ultrathin)}.glass-dropdown-item.is-selected{background-color:var(--color-glass-thin);border:1px solid var(--color-specular-border-focused)}.glass-dropdown-item-header{align-items:center;gap:8px;display:flex}.glass-dropdown-indicator-dot{background-color:var(--color-text-highlight);border-radius:50%;flex-shrink:0;width:7px;height:7px}.glass-dropdown-indicator-spacer{flex-shrink:0;width:7px;height:7px}.glass-dropdown-item-title{font-size:var(--font-size-callout);font-weight:var(--font-weight-headline);color:var(--color-text-primary)}.glass-dropdown-item-description{font-size:var(--font-size-caption-1);color:var(--color-text-secondary);margin-top:2px;margin-left:15px;line-height:1.35}.user-card-actions{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:auto;display:grid}.user-card-actions .action-btn{width:100%;height:38px;font-size:var(--font-size-callout);text-align:center;padding:0 8px;font-weight:500}input,select,textarea{color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.85}.glass-modal-overlay{z-index:2000;-webkit-backdrop-filter:var(--glass-blur);padding:var(--space-4);background-color:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.admin-settings-card{border-radius:var(--radius-modal);background-color:var(--color-glass-thick);width:100%;max-width:620px;max-height:88vh;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border-focused);box-shadow:var(--shadow-focused);flex-direction:column;animation:.2s scaleUp;display:flex;position:relative;overflow:hidden}.settings-header{border-bottom:1px solid var(--color-specular-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header-text{flex-direction:column;gap:2px;display:flex}.settings-title{font-size:var(--font-size-title-2);font-weight:var(--font-weight-title-2);color:var(--color-text-primary);margin:0}.settings-subtitle{font-size:var(--font-size-caption-1);color:var(--color-text-secondary);font-weight:500}.glass-modal-close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:24px;line-height:1;transition:color .15s}.glass-modal-close-btn:hover{color:var(--color-text-primary)}.settings-body-split{flex:1;min-height:380px;display:flex;overflow:hidden}.settings-tabs-sidebar{border-right:1px solid var(--color-specular-border);background-color:#0000000d;flex-direction:column;gap:6px;width:140px;padding:16px 10px;display:flex}.settings-tab-btn{width:100%;color:var(--color-text-secondary);font-size:var(--font-size-callout);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;transition:all .15s;display:flex}.settings-tab-btn:hover{color:var(--color-text-primary);background-color:var(--color-glass-thin)}.settings-tab-btn.is-active{color:var(--color-text-primary);background-color:var(--color-glass-medium);border-color:var(--color-specular-border)}.settings-content-area{flex-direction:column;flex:1;padding:20px 24px;display:flex;overflow-y:auto}.settings-tab-content{flex-direction:column;flex:1;gap:16px;display:flex}.settings-tab-header{flex-direction:column;gap:4px;margin-bottom:2px;display:flex}.settings-tab-title{font-size:var(--font-size-title-3);font-weight:var(--font-weight-title-3);color:var(--color-text-primary);margin:0}.settings-tab-subtitle{font-size:var(--font-size-caption-1);color:var(--color-text-secondary);line-height:1.4}.settings-input-group{flex-direction:column;gap:6px;display:flex}.settings-input-group label{font-size:var(--font-size-caption-1);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.glass-input{background-color:var(--color-glass-thin);border:1px solid var(--color-specular-border);width:100%;height:38px;color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.glass-input:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px #0a84ff33}.glass-input::placeholder{color:var(--color-text-secondary);opacity:.85}.settings-password-wrapper{align-items:center;width:100%;display:flex;position:relative}.settings-password-wrapper .glass-input{width:100%;padding-right:40px}.settings-eye-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex;position:absolute;right:8px}.settings-eye-btn:hover{color:var(--color-text-primary)}.settings-actions-footer{border-top:1px solid var(--color-specular-border);justify-content:flex-end;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.btn-settings-cancel{background-color:var(--color-glass-thin);border:1px solid var(--color-specular-border);height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:8px;padding:0 16px;font-size:13px;font-weight:500;transition:all .15s}.btn-settings-cancel:hover{background-color:var(--color-glass-medium)}.btn-save-ghost{color:#34c759;cursor:pointer;background-color:#34c75926;border:1px solid #34c75966;border-radius:8px;height:36px;padding:0 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-save-ghost:hover{color:#fff;background-color:#34c759;border-color:#34c759;box-shadow:0 2px 10px #34c7594d}.btn-save-ghost:disabled{opacity:.5;cursor:not-allowed}.settings-danger-section{border-top:1px solid var(--color-specular-border);margin-top:12px;padding-top:12px}.settings-danger-toggle-title{color:#ef4444;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-items:center;padding:2px 0;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.settings-danger-box{background-color:#ef444414;border:1px solid #ef444433;border-radius:8px;justify-content:flex-end;margin-top:8px;padding:10px 12px;display:flex}.btn-delete-account-trigger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:opacity .15s}.btn-delete-account-trigger:hover{opacity:.85}.delete-confirm-overlay{z-index:2100}.delete-confirm-card{background-color:var(--color-glass-thick);border-radius:var(--radius-modal);width:min(420px,92vw);box-shadow:var(--shadow-focused);padding:var(--space-4);border:1px solid #ef44444d;flex-direction:column;gap:12px;display:flex}.btn-delete-account-confirm{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s}.btn-delete-account-confirm:hover{background-color:#b91c1c;box-shadow:0 0 10px #dc262666}.delete-warn-text{color:var(--color-text-secondary);margin:4px 0 8px;font-size:13px;line-height:1.4}.invites-list-container{flex-direction:column;flex:1;gap:8px;max-height:240px;display:flex;overflow-y:auto}.invites-empty-text{color:var(--color-text-secondary);text-align:center;margin:30px 0;font-size:13px}.invite-item-card{background-color:var(--color-glass-thin);border:1px solid var(--color-specular-border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.invite-info-col{flex-direction:column;gap:2px;display:flex;overflow:hidden}.invite-token-text{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:13px;font-weight:600;overflow:hidden}.invite-expiry-text{color:var(--color-text-secondary);font-size:11px}.invite-actions-col{align-items:center;gap:6px;display:flex}.btn-copy-invite{background-color:var(--color-glass-medium);border:1px solid var(--color-specular-border);color:var(--color-text-primary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:background-color .15s}.btn-copy-invite:hover{background-color:var(--color-glass-thick)}.btn-delete-invite{color:#ef4444;cursor:pointer;background-color:#ef444426;border:1px solid #ef44444d;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .15s;display:flex}.btn-delete-invite:hover{color:#fff;background-color:#ef4444}.invites-bottom-container{border-top:1px solid var(--color-specular-border);justify-content:center;margin-top:auto;padding-top:14px;display:flex}.btn-create-invite{background-color:var(--color-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;height:36px;padding:0 20px;font-size:13px;font-weight:600;transition:all .15s;box-shadow:0 2px 10px #0a84ff4d}.btn-create-invite:hover{opacity:.9;transform:translateY(-1px)}.settings-message-banner{text-align:center;border-radius:8px;margin:0 20px 8px;padding:8px 16px;font-size:12px;font-weight:600}.settings-message-banner.success{color:#10b981;background-color:#10b98126;border:1px solid #10b9814d}.settings-message-banner.error{color:#ef4444;background-color:#ef444426;border:1px solid #ef44444d}.settings-inline-error{color:#ef4444;margin-top:4px;font-size:12px;font-weight:600}.login-view-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.login-center-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.login-backdrop-vector{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;filter:drop-shadow(0 24px 50px #000000bf);width:min(980px,94vw);max-width:980px;height:min(980px,88vh);max-height:88vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{z-index:2;width:100%;max-width:420px;padding:var(--space-5);border-radius:var(--radius-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-specular-border);gap:var(--space-4);background-color:#161618f0;flex-direction:column;display:flex;position:relative;box-shadow:0 20px 50px #000000a6}[data-theme=light] .login-card{background-color:#ffffffeb;box-shadow:0 20px 50px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;overflow-y:auto}:is(html:has(.login-view-container),body:has(.login-view-container)){height:100vh;overflow:hidden}html,body{background-color:var(--color-canvas-dark);width:100%;min-height:100vh;color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex;position:relative}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}