.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;--loading-color: rgb(var(--color-primary))}.loading-text{font-size:.875rem;color:rgb(var(--color-text-secondary));text-align:center;font-weight:500}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner-circle{border:2px solid rgb(var(--color-surface));border-top:2px solid var(--loading-color);border-radius:50%;animation:spin 1s linear infinite}.loading-small .spinner-circle{width:16px;height:16px;border-width:2px}.loading-medium .spinner-circle{width:24px;height:24px;border-width:2px}.loading-large .spinner-circle{width:32px;height:32px;border-width:3px}.loading-dots{display:flex;gap:.25rem;align-items:center}.loading-dots .dot{background:var(--loading-color);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite both}.loading-small .dot{width:4px;height:4px}.loading-medium .dot{width:6px;height:6px}.loading-large .dot{width:8px;height:8px}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}.loading-pulse{display:flex;align-items:center;justify-content:center}.pulse-circle{background:var(--loading-color);border-radius:50%;animation:pulse 2s ease-in-out infinite}.loading-small .pulse-circle{width:16px;height:16px}.loading-medium .pulse-circle{width:24px;height:24px}.loading-large .pulse-circle{width:32px;height:32px}.loading-skeleton,.skeleton-loader{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton-loader{display:flex;gap:1rem;align-items:flex-start}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,rgb(var(--color-surface)) 25%,rgb(var(--color-surface) / .5),rgb(var(--color-surface)) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,rgb(var(--color-surface)) 25%,rgb(var(--color-surface) / .5),rgb(var(--color-surface)) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-line.short{width:60%}.loading-small .skeleton-line{height:8px}.loading-medium .skeleton-line{height:12px}.loading-large .skeleton-line{height:16px}.inline-loader{display:inline-flex;align-items:center;justify-content:center}.spinner-inline{display:flex;align-items:center;justify-content:center}.spinner-inline.small .spinner-circle{width:12px;height:12px;border-width:1.5px}.spinner-inline.medium .spinner-circle{width:16px;height:16px;border-width:2px}.spinner-inline.large .spinner-circle{width:20px;height:20px;border-width:2px}.page-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;z-index:10000}.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-logo{display:flex;align-items:center;justify-content:center}.loader-logo .logo-image{width:64px;height:64px;opacity:.8;animation:logo-pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes logo-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.submit-button.loading{position:relative;pointer-events:none}.submit-button.loading .button-text{opacity:.7}.submit-button .icon-loader{animation:spin 1s linear infinite}.form-loading{position:relative;pointer-events:none}.form-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:1}.form-loading .loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@media (max-width: 768px){.page-loader-content{gap:1.5rem;padding:2rem}.loader-logo .logo-image{width:48px;height:48px}.loading-text{font-size:.8rem}}@media (prefers-color-scheme: dark){.loading-overlay{background:#000000b3}.form-loading:after{background:#000c}}.form-options{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.form-options .checkbox-label{margin:0}.forgot-password-link{background:none;border:none;color:rgb(var(--color-primary));font-size:.875rem;text-decoration:none;cursor:pointer;padding:0;transition:all .2s ease}.forgot-password-link:hover{color:rgb(var(--color-primary-dark));text-decoration:underline}.forgot-password-form{width:100%;max-width:400px}.forgot-password-form.success-state{text-align:center}.forgot-password-form .success-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:rgb(var(--color-success) / .1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-success));font-size:2rem}.forgot-password-form .success-instructions{margin:2rem 0;text-align:left}.forgot-password-form .success-instructions h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-text))}.forgot-password-form .steps-list{list-style:none;padding:0;margin:0}.forgot-password-form .steps-list li{padding:.5rem 0 .5rem 2rem;position:relative;color:rgb(var(--color-text-secondary));font-size:.875rem;line-height:1.4}.forgot-password-form .steps-list li:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;top:.5rem;width:1.5rem;height:1.5rem;background:rgb(var(--color-primary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.forgot-password-form .steps-list{counter-reset:step-counter}.forgot-password-form .form-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.forgot-password-form .resend-button{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));color:rgb(var(--color-text));padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.forgot-password-form .resend-button:hover{background:rgb(var(--color-surface-hover));border-color:rgb(var(--color-border-hover))}.forgot-password-form .resend-button:disabled{opacity:.5;cursor:not-allowed}.forgot-password-form .back-button{background:none;border:none;color:rgb(var(--color-text-secondary));padding:.75rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.forgot-password-form .back-button:hover{color:rgb(var(--color-text))}.forgot-password-form .back-link{background:none;border:none;color:rgb(var(--color-text-secondary));padding:.5rem 0;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.forgot-password-form .back-link:hover{color:rgb(var(--color-primary))}.forgot-password-form .back-link:disabled{opacity:.5;cursor:not-allowed}.password-strength-indicator{margin-top:.5rem}.strength-bar-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.strength-bar-background{flex:1;height:4px;background:rgb(var(--color-surface));border-radius:2px;overflow:hidden}.strength-bar{height:100%;transition:all .3s ease;border-radius:2px}.strength-bar.strength-weak{background:rgb(var(--color-danger))}.strength-bar.strength-fair{background:rgb(var(--color-warning))}.strength-bar.strength-good{background:rgb(var(--color-info))}.strength-bar.strength-strong{background:rgb(var(--color-success))}.strength-label{font-size:.75rem;font-weight:600;min-width:3rem;text-align:right}.strength-label.strength-weak{color:rgb(var(--color-danger))}.strength-label.strength-fair{color:rgb(var(--color-warning))}.strength-label.strength-good{color:rgb(var(--color-info))}.strength-label.strength-strong{color:rgb(var(--color-success))}.strength-details{margin-top:.75rem}.criteria-list{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;margin-bottom:.75rem}.criteria-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.4}.criteria-item.satisfied{color:rgb(var(--color-success))}.criteria-item.unsatisfied{color:rgb(var(--color-text-secondary))}.criteria-item i{font-size:.75rem;width:12px;text-align:center}.strength-tips{margin-top:.5rem}.strength-tips .tip{font-size:.75rem;margin:0;padding:.5rem .75rem;border-radius:.25rem;border-left:3px solid}.strength-tips .tip.weak{background:rgb(var(--color-danger) / .1);border-color:rgb(var(--color-danger));color:rgb(var(--color-danger-dark))}.strength-tips .tip.fair{background:rgb(var(--color-warning) / .1);border-color:rgb(var(--color-warning));color:rgb(var(--color-warning-dark))}.strength-tips .tip.good{background:rgb(var(--color-info) / .1);border-color:rgb(var(--color-info));color:rgb(var(--color-info-dark))}.strength-tips .tip.strong{background:rgb(var(--color-success) / .1);border-color:rgb(var(--color-success));color:rgb(var(--color-success-dark))}.submit-button{position:relative;overflow:hidden}.submit-button.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:button-shimmer 1.5s infinite}@keyframes button-shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.criteria-list{grid-template-columns:1fr;gap:.25rem}.forgot-password-form .form-actions{gap:.75rem}.forgot-password-form .success-icon{width:48px;height:48px;font-size:1.5rem}}@media (prefers-color-scheme: dark){.forgot-password-form .success-icon{background:rgb(var(--color-success) / .2)}.strength-tips .tip.weak{background:rgb(var(--color-danger) / .2)}.strength-tips .tip.fair{background:rgb(var(--color-warning) / .2)}.strength-tips .tip.good{background:rgb(var(--color-info) / .2)}.strength-tips .tip.strong{background:rgb(var(--color-success) / .2)}}.api-key-management-redesigned{display:flex;flex-direction:column;gap:2rem;height:100%}.api-key-header{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-text{flex:1}.header-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.header-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0;max-width:600px}.create-key-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgb(var(--color-primary));color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px rgba(var(--color-primary),.2)}.create-key-button:hover{background:rgb(var(--color-primary) / .9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary),.3)}.create-key-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(var(--color-primary),.2)}.api-key-content{flex:1;overflow:hidden}.redesigned-api-keys-list{display:flex;flex-direction:column;gap:1.5rem;height:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-text{font-size:.875rem;color:var(--text-secondary)}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:12px;border:2px dashed var(--border-color);gap:1.5rem}.empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.empty-description{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:400px}.empty-action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgb(var(--color-primary));color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(var(--color-primary),.2)}.empty-action-button:hover{background:rgb(var(--color-primary) / .9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary),.3)}.api-keys-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-y:auto;padding-right:.25rem}.api-key-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.api-key-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.api-key-card.compact{padding:.75rem .75rem .5rem;gap:.5rem}.card-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.header-row .title-block{display:flex;align-items:center;gap:.5rem}.key-prefix-inline{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8rem;color:var(--text-tertiary);background:var(--background-secondary);border:1px dashed var(--border-color);border-radius:4px;padding:2px 6px}.ellipsis{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-inline{display:flex;align-items:center;gap:.25rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:var(--background-secondary)}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.btn-icon.danger:hover{color:var(--danger);border-color:var(--danger)}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.permissions-inline{display:flex;flex-wrap:wrap;gap:.25rem}.permission-chip{font-size:.75rem;padding:2px 8px;border-radius:999px;background:var(--background-secondary);border:1px solid var(--border-color)}.info-inline{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.info-inline .divider{color:var(--text-tertiary)}.card-section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between}.section-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.key-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.key-prefix-container{padding:.75rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px}.key-prefix{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;color:var(--text-primary);background:none;border:none;padding:0;word-break:break-all}.permissions-container{display:flex;flex-wrap:wrap;gap:.5rem}.permission-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.usage-info{display:flex;flex-direction:column;gap:.25rem}.usage-time{font-size:.875rem;color:var(--text-primary);font-weight:500}.usage-ip{font-size:.75rem;color:var(--text-secondary)}.creation-date,.expiry-date{font-size:.875rem;color:var(--text-primary);font-weight:500}.card-actions{display:flex;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgb(var(--color-text-secondary) / .3);border-radius:6px;background:rgb(var(--color-surface));color:rgb(var(--color-text-secondary));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.action-button:hover{border-color:rgb(var(--color-text-secondary) / .5);background:rgb(var(--color-text-secondary) / .05);color:rgb(var(--color-text-primary))}.edit-button:hover{border-color:rgb(var(--color-primary));color:rgb(var(--color-primary));background:rgb(var(--color-primary) / .05)}.revoke-button:hover{border-color:rgb(var(--color-error));color:rgb(var(--color-error));background:rgb(var(--color-error) / .05)}.revoke-modal-content{display:flex;flex-direction:column;gap:1.5rem}.warning-section{display:flex;gap:1rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.warning-icon{flex-shrink:0}.warning-text{flex:1}.warning-message{font-size:.875rem;color:#dc2626;font-weight:500;margin:0 0 .5rem}.warning-description{font-size:.75rem;color:#7f1d1d;margin:0;line-height:1.4}.key-info-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--background-secondary);border-radius:8px}.info-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.confirm-section{display:flex;flex-direction:column;gap:.75rem}.confirm-label{font-size:.875rem;color:var(--text-primary);font-weight:500}.confirm-input{padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--surface);color:var(--text-primary);transition:border-color .2s ease}.confirm-input:focus{outline:none;border-color:var(--primary)}.confirm-input:disabled{background:var(--background-secondary);color:var(--text-secondary);cursor:not-allowed}.input-hint{font-size:.75rem;color:var(--text-secondary)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.cancel-button{padding:.75rem 1.5rem;border:1px solid rgb(var(--color-text-secondary) / .3);border-radius:6px;background:rgb(var(--color-surface));color:rgb(var(--color-text-secondary));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){border-color:rgb(var(--color-text-secondary) / .5);background:rgb(var(--color-text-secondary) / .05);color:rgb(var(--color-text-primary))}.confirm-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;background:rgb(var(--color-error));color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(var(--color-error),.2)}.confirm-button:hover:not(:disabled){background:rgb(var(--color-error) / .9);box-shadow:0 4px 8px rgba(var(--color-error),.3)}.confirm-button:disabled{background:rgb(var(--color-text-secondary) / .3);cursor:not-allowed;box-shadow:none}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background:#22c55e1a;color:#059669}.status-badge.inactive{background:#9ca3af1a;color:#6b7280}.status-badge.expired{background:#ef44441a;color:#dc2626}.card-actions{display:flex;gap:.5rem}.btn-ghost.btn-sm{padding:.5rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-ghost.btn-sm:hover{background:var(--background-hover);color:var(--text-primary)}.btn-ghost.btn-sm.danger:hover{background:#ef44441a;color:#dc2626;border-color:#ef444433}.card-content{padding:0 1rem 1rem}.info-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.info-item{display:flex;flex-direction:column;gap:.125rem}.info-item label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.025em}.info-item span{font-size:.85rem;color:var(--text-primary)}.permissions{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{padding:.25rem .5rem;background:var(--background-secondary);color:var(--text-primary);border-radius:4px;font-size:.75rem;font-weight:500}.card-details{padding:0 1.5rem 1.5rem}.details-divider{height:1px;background:var(--border-color);margin:0 0 1rem}.usage-stats h5{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-value.success{color:#059669}.stat-value.error{color:#dc2626}.loading-stats{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.create-api-key-form{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto;padding-right:.5rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-label.required:after{content:" *";color:#dc2626}.form-input,.form-select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text-primary);transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-help{font-size:.75rem;color:var(--text-secondary);margin:0}.permissions-grid{display:flex;flex-direction:column;gap:.75rem}.permission-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.permission-option:hover{border-color:var(--border-hover);background:var(--background-hover)}.permission-option input[type=checkbox]{margin:.125rem 0 0}.permission-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.permission-label{font-weight:600;color:var(--text-primary);font-size:.875rem}.permission-desc{font-size:.75rem;color:var(--text-secondary)}.advanced-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:color .2s ease}.advanced-toggle:hover{color:var(--text-primary)}.advanced-options{padding-top:1rem;border-top:1px solid var(--border-color)}.security-notice{display:flex;gap:1rem;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:8px}.notice-icon{color:#3b82f6;font-size:1.25rem;flex-shrink:0}.notice-content h4{margin:0 0 .5rem;color:var(--text-primary);font-size:.875rem;font-weight:600}.notice-content ul{margin:0;padding-left:1.25rem;font-size:.75rem;color:var(--text-secondary)}.notice-content li{margin-bottom:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgb(var(--color-text-secondary) / .2)}.btn-secondary{padding:.75rem 1.5rem;border:1px solid rgb(var(--color-text-secondary) / .3);border-radius:6px;background:rgb(var(--color-surface));color:rgb(var(--color-text-secondary));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){border-color:rgb(var(--color-text-secondary) / .5);background:rgb(var(--color-text-secondary) / .05);color:rgb(var(--color-text-primary))}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;background:rgb(var(--color-primary));color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(var(--color-primary),.2)}.btn-primary:hover:not(:disabled){background:rgb(var(--color-primary) / .9);box-shadow:0 4px 8px rgba(var(--color-primary),.3)}.btn-primary:disabled{background:rgb(var(--color-text-secondary) / .3);cursor:not-allowed;box-shadow:none}.api-key-success-modal .modal-content,.api-key-success-modal .ModalContentAnimation,.api-key-success-modal .ModalContentAnimation-enter-done{max-width:800px;scrollbar-width:none;-ms-overflow-style:none}.api-key-success-modal .modal-content::-webkit-scrollbar,.api-key-success-modal .ModalContentAnimation::-webkit-scrollbar{width:0;height:0}.success-content{display:flex;flex-direction:column;gap:2rem}.success-header{text-align:center;padding:1rem 0}.success-icon{font-size:3rem;color:#059669;margin-bottom:1rem}.success-header h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.success-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.api-key-display{display:flex;flex-direction:column;gap:1rem}.key-section{display:flex;flex-direction:column;gap:.75rem}.section-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.key-container{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px}.api-key-value{flex:1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;color:var(--text-primary);word-break:break-all;background:none;border:none;padding:0}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgb(var(--color-accent));color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px rgba(var(--color-accent),.2)}.copy-btn:hover{background:rgb(var(--color-accent) / .9);box-shadow:0 4px 8px rgba(var(--color-accent),.3)}.copy-btn.copied{background:rgb(var(--color-success));box-shadow:0 2px 4px rgba(var(--color-success),.2)}.security-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b0d;border:1px solid rgba(245,158,11,.15);border-radius:8px}.security-warning i{color:#f59e0b;font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.warning-content{font-size:.875rem;color:var(--text-primary);line-height:1.5}.usage-examples{display:flex;flex-direction:column;gap:1rem}.examples-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.examples-header h4{margin:0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.example-tabs{display:flex;gap:.5rem}.tab-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgb(var(--color-text-secondary) / .3);border-radius:6px;font-size:.875rem;color:rgb(var(--color-text-secondary));cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:rgb(var(--color-text-primary));border-color:rgb(var(--color-text-secondary) / .5);background:rgb(var(--color-text-secondary) / .05)}.tab-btn.active{background:rgb(var(--color-accent));border-color:rgb(var(--color-accent));color:#fff;box-shadow:0 2px 4px rgba(var(--color-accent),.2)}.example-content{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--background-secondary);border-bottom:1px solid var(--border-color)}.code-language{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.copy-code-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:transparent;border:1px solid rgb(var(--color-text-secondary) / .3);border-radius:4px;font-size:.75rem;color:rgb(var(--color-text-secondary));cursor:pointer;transition:all .2s ease}.copy-code-btn:hover{color:rgb(var(--color-text-primary));border-color:rgb(var(--color-text-secondary) / .5);background:rgb(var(--color-text-secondary) / .05)}.code-block.scrollable{scrollbar-width:none;-ms-overflow-style:none}.code-block.scrollable::-webkit-scrollbar{width:0;height:0}.code-block{margin:0;padding:1rem;background:var(--surface);max-height:280px;overflow:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.75rem;line-height:1.6;overflow-x:auto;color:var(--text-primary)}.quick-start h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.steps-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step-item{display:flex;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border-color);border-radius:8px}.step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--accent-color);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.step-content h5{margin:0 0 .5rem;color:var(--text-primary);font-size:.875rem;font-weight:600}.step-content p{margin:0;color:var(--text-secondary);font-size:.75rem;line-height:1.5}.helpful-links h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.links-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.link-item:hover{border-color:var(--border-hover);background:var(--background-hover);text-decoration:none;color:var(--text-primary)}.link-item i{color:var(--text-secondary);font-size:1rem}.modal-actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-lg{padding:.75rem 2rem;font-size:1rem;font-weight:600;background:rgb(var(--color-primary));color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(var(--color-primary),.2)}.btn-lg:hover{background:rgb(var(--color-primary) / .9);box-shadow:0 4px 8px rgba(var(--color-primary),.3)}@media (max-width: 768px){.keys-grid{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:stretch}.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.links-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.examples-header{flex-direction:column;align-items:stretch}.example-tabs{justify-content:center}}@media (max-width: 480px){.key-container{flex-direction:column;align-items:stretch}.copy-btn{justify-content:center}.api-key-value{font-size:.75rem}.code-block{font-size:.6rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--color-primary: 79 70 229;--color-secondary: 16 185 129;--color-accent: 245 158 11;--color-background: 255 255 255;--color-surface: 243 244 246;--color-text-primary: 17 24 39;--color-text-secondary: 107 114 128;--color-success: 16 185 129;--color-warning: 251 191 36;--color-error: 239 68 68;--card-blur: 10px;--card-bg-opacity-light: .2;--card-bg-opacity-dark: .3;--card-bg-default: 255 255 255;--card-bg-gray: 243 244 246;--card-bg-blue: 219 234 254;--card-bg-green: 220 252 231;--card-bg-purple: 243 232 255;--card-bg-yellow: 254 249 195;--card-bg-red: 254 226 226;--card-bg-orange: 255 237 213;--card-bg-cyan: 207 250 254;--card-bg-pink: 252 231 243;--card-bg-sky: 186 230 253;--card-bg-grass: 187 247 208;--card-bg-lavender: 221 214 254;--card-bg-lemon: 254 240 138;--card-bg-coral: 254 202 202;--card-bg-apricot: 254 215 170;--card-bg-aqua: 153 246 228;--card-bg-rose: 251 207 232;--board-background-color: #ffffff;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary-foreground: 210 40% 98%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent-foreground: 222.2 47.4% 11.2%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: var(--color-primary);--radius: .5rem}.dark{--color-primary: 99 102 241;--color-secondary: 52 211 153;--color-accent: 251 191 36;--color-background: 31 41 55;--color-surface: 55 65 81;--color-text-primary: 249 250 251;--color-text-secondary: 209 213 219;--color-success: 52 211 153;--color-warning: 251 191 36;--color-error: 248 113 113;--card-bg-default: 55 65 81;--card-bg-gray: 75 85 99;--card-bg-blue: 30 64 175;--card-bg-green: 22 101 52;--card-bg-purple: 107 33 168;--card-bg-yellow: 180 83 9;--card-bg-red: 153 27 27;--card-bg-orange: 180 83 9;--card-bg-cyan: 17 94 89;--card-bg-pink: 157 23 77;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary-foreground: 210 40% 98%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%}.theme-cherry{--color-primary: 233 30 99;--color-secondary: 255 152 0;--color-accent: 156 39 176;--color-background: 255 248 245;--color-surface: 252 228 236;--color-text-primary: 74 20 140;--color-text-secondary: 136 14 79;--color-success: 76 175 80;--color-warning: 255 193 7;--color-error: 244 67 54;--card-bg-default: 255 248 245;--card-bg-gray: 252 228 236;--card-bg-blue: 227 242 253;--card-bg-green: 232 245 233;--card-bg-purple: 243 229 245;--card-bg-yellow: 255 248 225;--card-bg-red: 255 235 238;--card-bg-orange: 255 243 224;--card-bg-cyan: 224 247 250;--card-bg-pink: 252 228 236}.theme-ocean{--color-primary: 0 188 212;--color-secondary: 76 175 80;--color-accent: 255 87 34;--color-background: 240 248 255;--color-surface: 224 242 241;--color-text-primary: 1 87 155;--color-text-secondary: 0 77 64;--color-success: 46 125 50;--color-warning: 255 143 0;--color-error: 211 47 47;--card-bg-default: 240 248 255;--card-bg-gray: 224 242 241;--card-bg-blue: 225 245 254;--card-bg-green: 232 245 233;--card-bg-purple: 237 231 246;--card-bg-yellow: 255 248 225;--card-bg-red: 255 235 238;--card-bg-orange: 255 243 224;--card-bg-cyan: 224 247 250;--card-bg-pink: 248 187 208}*{border-color:hsl(var(--border))}body{background-color:rgb(var(--color-background));color:rgb(var(--color-text-primary));font-feature-settings:"rlig" 1,"calt" 1}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.rounded-card{border-radius:.75rem}.rounded-element{border-radius:var(--radius)}.rounded-small{border-radius:.25rem}.board-content{background:var(--board-background-color);min-height:100%}.modern-container{border-radius:1rem;border-width:1px;border-color:hsl(var(--border) / .5);background-color:rgb(var(--color-surface));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.modern-container.board-content{background:var(--board-background-color)!important;border:2px solid rgba(var(--color-border),.2)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.dark .modern-container.board-content{border:2px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:gray}.dark ::-webkit-scrollbar-track{background:transparent}.dark ::-webkit-scrollbar-thumb{background:#bbb}.dark ::-webkit-scrollbar-thumb:hover{background:#ddd}.theme-cherry ::-webkit-scrollbar-thumb{background:#e91e634d}.theme-cherry ::-webkit-scrollbar-thumb:hover{background:#e91e6380}.theme-cherry .custom-scrollbar::-webkit-scrollbar-thumb{background:#e91e6366;border:1px solid rgba(233,30,99,.2)}.theme-cherry .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#e91e6399}.theme-ocean ::-webkit-scrollbar-thumb{background:#00bcd44d}.theme-ocean ::-webkit-scrollbar-thumb:hover{background:#00bcd480}.theme-ocean .custom-scrollbar::-webkit-scrollbar-thumb{background:#00bcd466;border:1px solid rgba(0,188,212,.2)}.theme-ocean .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00bcd499}*{scrollbar-width:thin;scrollbar-color:#a0a0a0 transparent}.dark *{scrollbar-color:#bbbbbb transparent}.theme-cherry *{scrollbar-color:rgba(233,30,99,.6) transparent}.theme-ocean *{scrollbar-color:rgba(0,188,212,.6) transparent}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#888888 rgba(0,0,0,.1)}.custom-scrollbar::-webkit-scrollbar{width:12px;height:12px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:6px;margin:2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#888;border-radius:6px;border:2px solid transparent;background-clip:content-box;-webkit-transition:all .2s ease;transition:all .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#666;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-corner{background:transparent}.dark .custom-scrollbar{scrollbar-color:#bbbbbb transparent}.dark .custom-scrollbar::-webkit-scrollbar-track{background:transparent}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#bbb}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ddd}.dark .custom-scrollbar::-webkit-scrollbar-corner{background:transparent}.board-content ::-webkit-scrollbar{width:6px;height:8px}.board-content ::-webkit-scrollbar-track{background:#00000008;border-radius:4px;margin:4px}.board-content ::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.board-content ::-webkit-scrollbar-thumb:hover{background:gray}.dark .board-content ::-webkit-scrollbar-track{background:#ffffff08}.dark .board-content ::-webkit-scrollbar-thumb{background:#bbb}.dark .board-content ::-webkit-scrollbar-thumb:hover{background:#ddd}.board-content .overflow-y-auto::-webkit-scrollbar{width:0px;background:transparent}.board-content .overflow-y-auto::-webkit-scrollbar-track{background:transparent}.board-content .overflow-y-auto::-webkit-scrollbar-thumb{background:transparent}.board-content .overflow-y-auto{scrollbar-width:none}.modern-card{border-radius:.75rem;border-width:1px;border-color:hsl(var(--border) / .3);background-color:rgb(var(--color-background));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.sidebar-container{border-radius:1rem;border-width:1px;border-color:hsl(var(--border) / .5);background-color:rgb(var(--color-surface) / .8);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.menu-item{border-radius:var(--radius);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.menu-item:hover{background-color:rgb(var(--color-primary) / .1);--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark .card{border-color:#f3f4f61a;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .3}.btn-primary{border-radius:calc(var(--radius) - 2px);background-color:rgb(var(--color-primary));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{background-color:rgb(var(--color-primary) / .9)}.btn-secondary{border-radius:calc(var(--radius) - 2px);background-color:rgb(var(--color-secondary));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{background-color:rgb(var(--color-secondary) / .9)}.tag{border-radius:.25rem;background-color:rgb(var(--color-accent));--tw-bg-opacity: .2;padding:.25rem .5rem;color:rgb(var(--color-accent))}.dropdown-menu{z-index:9999!important;position:relative}.user-menu{position:relative}.user-menu-trigger{display:flex;width:100%;align-items:center;border-radius:var(--radius);border-width:0px;background-color:transparent;padding:.5rem .75rem;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.user-menu-trigger:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.user-menu-trigger:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.user-menu-trigger:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.user-menu-trigger.collapsed{justify-content:center;padding-left:.5rem;padding-right:.5rem}.user-menu-trigger.expanded{justify-content:space-between}.user-menu-trigger.active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.user-menu-trigger.active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.user-avatar{position:relative;flex-shrink:0}.user-avatar .avatar-image{height:2rem;width:2rem;border-radius:9999px;-o-object-fit:cover;object-fit:cover}.user-avatar .avatar-placeholder{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.user-avatar .avatar-placeholder:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.user-avatar.large .avatar-image,.user-avatar.large .avatar-placeholder{height:3rem;width:3rem}.status-indicator{position:absolute;bottom:-.125rem;right:-.125rem;height:.75rem;width:.75rem;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.status-indicator.online{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.user-info{margin-left:.75rem;min-width:0px;flex:1 1 0%}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.user-name:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.user-email:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.user-role{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.user-role:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dropdown-arrow{margin-left:.5rem;flex-shrink:0}.dropdown-arrow .icon-chevron-down{height:1rem;width:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dropdown-arrow .icon-chevron-down:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dropdown-arrow .icon-chevron-down.rotated{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.user-menu-dropdown{position:absolute;bottom:100%;left:0;z-index:50;margin-bottom:.5rem;width:14rem;border-radius:var(--radius);border-width:1px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.user-menu-dropdown:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.user-menu-dropdown{opacity:0;transform:translateY(8px);animation:slideInFromBottom .2s ease-out forwards}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown.collapsed{left:auto;right:0;width:14rem}.dropdown-header{display:flex;align-items:center}.dropdown-header>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.dropdown-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.dropdown-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dropdown-menu>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.menu-item{display:flex;width:100%;align-items:center;border-radius:var(--radius);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.menu-item:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.menu-item:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.menu-item:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.menu-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.menu-item.logout{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.menu-item.logout:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.menu-item.logout:hover:is(.dark *){background-color:#7f1d1d33}.menu-item svg{margin-right:.75rem;height:1rem;width:1rem;flex-shrink:0}.menu-divider{margin-top:.5rem;margin-bottom:.5rem;height:1px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.menu-divider:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dropdown-footer{margin-top:.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:.5rem}.dropdown-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.quick-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.info-item{display:flex;align-items:center;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.info-item:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.info-item svg{margin-right:.5rem;height:.75rem;width:.75rem}.user-profile-modal{max-width:none}.profile-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:1rem}.profile-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.task-more-button{z-index:100;position:relative}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-bounce-gentle{animation:bounceGentle 2s ease-in-out infinite}.animate-slide-up{animation:slideUp .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceGentle{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.card-hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014}.dark .card-hover-lift:hover{box-shadow:0 20px 40px #0000004d,0 8px 16px #0003}.stats-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0) scale(1)}.stats-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px #0000001a}.dark .stats-card:hover{box-shadow:0 12px 24px #00000040}.sidebar-item{position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-inset-x-6{left:-1.5rem;right:-1.5rem}.-inset-y-6{top:-1.5rem;bottom:-1.5rem}.inset-y-0{top:0;bottom:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-4{bottom:1rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-8{top:2rem}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2 / span 2}.col-span-4{grid-column:span 4 / span 4}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/4{height:25%}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[600px\]{height:600px}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-96{max-height:24rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.min-h-0{min-height:0px}.min-h-24{min-height:6rem}.min-h-32{min-height:8rem}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[400px\]{min-height:400px}.min-h-\[80px\]{min-height:80px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-32{min-width:8rem}.min-w-48{min-width:12rem}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-\[300px\]{min-width:300px}.min-w-\[80px\]{min-width:80px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-20{max-width:5rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-0\.5{--tw-translate-x: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-2{--tw-rotate: 2deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate: 3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border\/20>:not([hidden])~:not([hidden]){border-color:hsl(var(--border) / .2)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-black\/10{border-color:#0000001a}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-border{border-color:hsl(var(--border))}.border-border\/10{border-color:hsl(var(--border) / .1)}.border-border\/20{border-color:hsl(var(--border) / .2)}.border-border\/30{border-color:hsl(var(--border) / .3)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-current{border-color:currentColor}.border-error\/20{border-color:rgb(var(--color-error) / .2)}.border-gray-100\/10{border-color:#f3f4f61a}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-primary{border-color:rgb(var(--color-primary))}.border-primary\/10{border-color:rgb(var(--color-primary) / .1)}.border-primary\/20{border-color:rgb(var(--color-primary) / .2)}.border-primary\/30{border-color:rgb(var(--color-primary) / .3)}.border-primary\/50{border-color:rgb(var(--color-primary) / .5)}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-success\/20{border-color:rgb(var(--color-success) / .2)}.border-transparent{border-color:transparent}.border-warning{border-color:rgb(var(--color-warning))}.border-warning\/20{border-color:rgb(var(--color-warning) / .2)}.border-white\/30{border-color:#ffffff4d}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-l-gray-300{--tw-border-opacity: 1;border-left-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-l-green-500{--tw-border-opacity: 1;border-left-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-l-yellow-500{--tw-border-opacity: 1;border-left-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-accent{background-color:rgb(var(--color-accent))}.bg-accent\/10{background-color:rgb(var(--color-accent) / .1)}.bg-accent\/20{background-color:rgb(var(--color-accent) / .2)}.bg-accent\/5{background-color:rgb(var(--color-accent) / .05)}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-background{background-color:rgb(var(--color-background))}.bg-background\/80{background-color:rgb(var(--color-background) / .8)}.bg-background\/85{background-color:rgb(var(--color-background) / .85)}.bg-background\/90{background-color:rgb(var(--color-background) / .9)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-border{background-color:hsl(var(--border))}.bg-current{background-color:currentColor}.bg-dark-surface\/30{background-color:#3741514d}.bg-error{background-color:rgb(var(--color-error))}.bg-error\/10{background-color:rgb(var(--color-error) / .1)}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-primary{background-color:rgb(var(--color-primary))}.bg-primary\/10{background-color:rgb(var(--color-primary) / .1)}.bg-primary\/20{background-color:rgb(var(--color-primary) / .2)}.bg-primary\/5{background-color:rgb(var(--color-primary) / .05)}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-secondary{background-color:rgb(var(--color-secondary))}.bg-secondary\/20{background-color:rgb(var(--color-secondary) / .2)}.bg-success{background-color:rgb(var(--color-success))}.bg-success\/10{background-color:rgb(var(--color-success) / .1)}.bg-surface{background-color:rgb(var(--color-surface))}.bg-surface\/20{background-color:rgb(var(--color-surface) / .2)}.bg-surface\/30{background-color:rgb(var(--color-surface) / .3)}.bg-surface\/50{background-color:rgb(var(--color-surface) / .5)}.bg-surface\/80{background-color:rgb(var(--color-surface) / .8)}.bg-surface\/90{background-color:rgb(var(--color-surface) / .9)}.bg-text-secondary\/15{background-color:rgb(var(--color-text-secondary) / .15)}.bg-text-secondary\/20{background-color:rgb(var(--color-text-secondary) / .2)}.bg-transparent{background-color:transparent}.bg-warning{background-color:rgb(var(--color-warning))}.bg-warning\/10{background-color:rgb(var(--color-warning) / .1)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from: #fffbeb var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-current{--tw-gradient-from: currentColor var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from: rgb(34 197 94 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary{--tw-gradient-from: rgb(var(--color-primary)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--color-primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/20{--tw-gradient-from: rgb(var(--color-primary) / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--color-primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/5{--tw-gradient-from: rgb(var(--color-primary) / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--color-primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/20{--tw-gradient-from: rgb(239 68 68 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-surface{--tw-gradient-from: rgb(var(--color-surface)) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--color-surface) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-border{--tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--border)) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-current{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), currentColor var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-current{--tw-gradient-to: currentColor var(--tw-gradient-to-position)}.to-green-600\/30{--tw-gradient-to: rgb(22 163 74 / .3) var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position)}.to-primary\/10{--tw-gradient-to: rgb(var(--color-primary) / .1) var(--tw-gradient-to-position)}.to-primary\/30{--tw-gradient-to: rgb(var(--color-primary) / .3) var(--tw-gradient-to-position)}.to-primary\/80{--tw-gradient-to: rgb(var(--color-primary) / .8) var(--tw-gradient-to-position)}.to-red-600\/30{--tw-gradient-to: rgb(220 38 38 / .3) var(--tw-gradient-to-position)}.to-surface{--tw-gradient-to: rgb(var(--color-surface)) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.bg-repeat-x{background-repeat:repeat-x}.stroke-green-500{stroke:#22c55e}.stroke-primary{stroke:rgb(var(--color-primary))}.stroke-red-500{stroke:#ef4444}.stroke-secondary{stroke:rgb(var(--color-secondary))}.stroke-yellow-500{stroke:#eab308}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-accent{color:rgb(var(--color-accent))}.text-accent\/20{color:rgb(var(--color-accent) / .2)}.text-accent\/40{color:rgb(var(--color-accent) / .4)}.text-accent\/60{color:rgb(var(--color-accent) / .6)}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-border{color:hsl(var(--border))}.text-current{color:currentColor}.text-error{color:rgb(var(--color-error))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-primary{color:rgb(var(--color-primary))}.text-primary\/10{color:rgb(var(--color-primary) / .1)}.text-primary\/20{color:rgb(var(--color-primary) / .2)}.text-primary\/40{color:rgb(var(--color-primary) / .4)}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-500\/10{color:#ef44441a}.text-red-500\/40{color:#ef444466}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-secondary{color:rgb(var(--color-secondary))}.text-secondary\/20{color:rgb(var(--color-secondary) / .2)}.text-secondary\/40{color:rgb(var(--color-secondary) / .4)}.text-secondary\/60{color:rgb(var(--color-secondary) / .6)}.text-success{color:rgb(var(--color-success))}.text-surface{color:rgb(var(--color-surface))}.text-text-primary{color:rgb(var(--color-text-primary))}.text-text-secondary{color:rgb(var(--color-text-secondary))}.text-text-secondary\/30{color:rgb(var(--color-text-secondary) / .3)}.text-text-secondary\/40{color:rgb(var(--color-text-secondary) / .4)}.text-transparent{color:transparent}.text-warning{color:rgb(var(--color-warning))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-text-secondary::-moz-placeholder{color:rgb(var(--color-text-secondary))}.placeholder-text-secondary::placeholder{color:rgb(var(--color-text-secondary))}.placeholder-text-secondary\/60::-moz-placeholder{color:rgb(var(--color-text-secondary) / .6)}.placeholder-text-secondary\/60::placeholder{color:rgb(var(--color-text-secondary) / .6)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-primary\/25{--tw-shadow-color: rgb(var(--color-primary) / .25);--tw-shadow: var(--tw-shadow-colored)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-primary{--tw-ring-color: rgb(var(--color-primary))}.ring-primary\/20{--tw-ring-color: rgb(var(--color-primary) / .2)}.ring-red-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.ring-opacity-50{--tw-ring-opacity: .5}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-border:hover{border-color:hsl(var(--border))}.hover\:border-primary:hover{border-color:rgb(var(--color-primary))}.hover\:border-primary\/30:hover{border-color:rgb(var(--color-primary) / .3)}.hover\:border-primary\/50:hover{border-color:rgb(var(--color-primary) / .5)}.hover\:bg-accent\/10:hover{background-color:rgb(var(--color-accent) / .1)}.hover\:bg-accent\/5:hover{background-color:rgb(var(--color-accent) / .05)}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-error\/90:hover{background-color:rgb(var(--color-error) / .9)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500\/20:hover{background-color:#22c55e33}.hover\:bg-primary-600:hover{--tw-bg-opacity: 1;background-color:rgb(63 55 188 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/10:hover{background-color:rgb(var(--color-primary) / .1)}.hover\:bg-primary\/20:hover{background-color:rgb(var(--color-primary) / .2)}.hover\:bg-primary\/5:hover{background-color:rgb(var(--color-primary) / .05)}.hover\:bg-primary\/90:hover{background-color:rgb(var(--color-primary) / .9)}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary-600:hover{--tw-bg-opacity: 1;background-color:rgb(14 156 109 / var(--tw-bg-opacity, 1))}.hover\:bg-success\/90:hover{background-color:rgb(var(--color-success) / .9)}.hover\:bg-surface:hover{background-color:rgb(var(--color-surface))}.hover\:bg-surface\/50:hover{background-color:rgb(var(--color-surface) / .5)}.hover\:bg-surface\/80:hover{background-color:rgb(var(--color-surface) / .8)}.hover\:bg-warning\/90:hover{background-color:rgb(var(--color-warning) / .9)}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:bg-yellow-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.hover\:from-primary\/90:hover{--tw-gradient-from: rgb(var(--color-primary) / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--color-primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-primary\/70:hover{--tw-gradient-to: rgb(var(--color-primary) / .7) var(--tw-gradient-to-position)}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.hover\:text-green-700:hover{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{color:rgb(var(--color-primary))}.hover\:text-primary\/80:hover{color:rgb(var(--color-primary) / .8)}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover{color:rgb(var(--color-text-primary))}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-primary\/40:hover{--tw-shadow-color: rgb(var(--color-primary) / .4);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-primary:focus{border-color:rgb(var(--color-primary))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color: rgb(var(--color-primary))}.focus\:ring-primary\/10:focus{--tw-ring-color: rgb(var(--color-primary) / .1)}.focus\:ring-primary\/20:focus{--tw-ring-color: rgb(var(--color-primary) / .2)}.focus\:ring-primary\/30:focus{--tw-ring-color: rgb(var(--color-primary) / .3)}.focus\:ring-primary\/50:focus{--tw-ring-color: rgb(var(--color-primary) / .5)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500\/10:focus{--tw-ring-color: rgb(239 68 68 / .1)}.focus\:ring-red-500\/20:focus{--tw-ring-color: rgb(239 68 68 / .2)}.focus\:ring-red-500\/50:focus{--tw-ring-color: rgb(239 68 68 / .5)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-error\/80:active{background-color:rgb(var(--color-error) / .8)}.active\:bg-primary-700:active{--tw-bg-opacity: 1;background-color:rgb(47 40 147 / var(--tw-bg-opacity, 1))}.active\:bg-secondary-700:active{--tw-bg-opacity: 1;background-color:rgb(11 127 89 / var(--tw-bg-opacity, 1))}.active\:bg-success\/80:active{background-color:rgb(var(--color-success) / .8)}.active\:bg-warning\/80:active{background-color:rgb(var(--color-warning) / .8)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-primary\/20{background-color:rgb(var(--color-primary) / .2)}.group:hover .group-hover\:bg-success\/20{background-color:rgb(var(--color-success) / .2)}.group:hover .group-hover\:text-primary{color:rgb(var(--color-primary))}.group:hover .group-hover\:text-success{color:rgb(var(--color-success))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-primary{background-color:rgb(var(--color-primary))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-primary\/20{--tw-ring-color: rgb(var(--color-primary) / .2)}.dark\:border-amber-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.dark\:border-blue-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-green-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:border-yellow-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/30:is(.dark *){background-color:#78350f4d}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/20:is(.dark *){background-color:#1f293733}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1f293780}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/10:is(.dark *){background-color:#7f1d1d1a}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-yellow-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))}.dark\:bg-yellow-900\/20:is(.dark *){background-color:#713f1233}.dark\:from-amber-900\/20:is(.dark *){--tw-gradient-from: rgb(120 53 15 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-orange-900\/20:is(.dark *){--tw-gradient-to: rgb(124 45 18 / .2) var(--tw-gradient-to-position)}.dark\:text-amber-200:is(.dark *){--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#1f293780}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:#7f1d1d33}.dark\:hover\:bg-white\/5:hover:is(.dark *){background-color:#ffffff0d}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-router{width:100%;height:100vh;overflow:hidden}.app-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-container{text-align:center;color:#fff}.loading-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo-image{width:64px;height:64px;margin-bottom:1rem}.logo-text{font-size:2rem;font-weight:700;margin:0}.loading-spinner{margin:2rem 0}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-text{font-size:1rem;margin:1rem 0;opacity:.9}.loading-progress{width:200px;margin:0 auto}.progress-bar{width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#fff;border-radius:2px;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.auth-page{width:100%;height:100vh}.auth-page.full-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.user-menu{position:relative;width:100%}.user-menu-trigger{display:flex;align-items:center;width:100%;padding:.75rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.user-menu-trigger:hover{background:var(--surface);color:var(--text-primary)}.user-menu-trigger.active{background:var(--primary);color:#fff}.user-menu-trigger.collapsed{justify-content:center;padding:.75rem}.user-avatar{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar.large{width:48px;height:48px}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface);color:var(--text-secondary)}.status-indicator{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;border:2px solid var(--background)}.status-indicator.online{background:#10b981}.user-info{flex:1;margin-left:.75rem;text-align:left;min-width:0}.user-name{font-size:.875rem;font-weight:500;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role,.user-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{margin-left:.5rem;transition:transform .2s ease}.dropdown-arrow .rotated{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:var(--background);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden}.user-menu-dropdown.collapsed{left:-200px;right:auto;width:280px}.dropdown-content{padding:.5rem}.dropdown-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid var(--border);margin:-.5rem -.5rem .5rem}.dropdown-header .user-info{margin-left:1rem}.dropdown-menu{display:flex;flex-direction:column;gap:.25rem}.menu-item{display:flex;align-items:center;width:100%;padding:.75rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);text-align:left}.menu-item:hover{background:var(--surface);color:var(--text-primary)}.menu-item.logout{color:var(--danger)}.menu-item.logout:hover{background:var(--danger);color:#fff}.menu-item i{margin-right:.75rem;width:16px;text-align:center}.menu-divider{height:1px;background:var(--border);margin:.5rem 0}.dropdown-footer{padding:.75rem;border-top:1px solid var(--border);margin:.5rem -.5rem -.5rem}.quick-info{display:flex;flex-direction:column;gap:.25rem}.info-item{display:flex;align-items:center;font-size:.75rem;color:var(--text-secondary)}.info-item i{margin-right:.5rem;width:12px}.auth-layout{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 80%,rgb(var(--color-primary) / .15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(var(--color-secondary) / .15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgb(var(--color-accent) / .1) 0%,transparent 50%),linear-gradient(135deg,rgb(var(--color-primary) / .05),rgb(var(--color-secondary) / .05),rgb(var(--color-accent) / .05));padding:2rem;overflow:hidden;position:relative}.auth-layout:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px,80px 80px;animation:float-particles 20s ease-in-out infinite;pointer-events:none}@keyframes float-particles{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}.auth-container{display:flex;width:100%;max-width:1200px;height:100%;max-height:800px;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,inset 0 1px #ffffff1a;overflow:hidden;border:1px solid rgba(var(--color-surface),.3);position:relative;animation:container-entrance .8s ease-out}@keyframes container-entrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand{flex:1.2;position:relative;background:linear-gradient(135deg,rgb(var(--color-primary)),rgb(var(--color-secondary)),rgb(var(--color-accent)));display:flex;align-items:center;justify-content:center;padding:3rem;overflow:hidden}.auth-brand:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.brand-content{position:relative;z-index:3;text-align:center;color:#fff;animation:brand-content-entrance 1s ease-out .3s both}@keyframes brand-content-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.brand-logo .logo-image{width:96px;height:96px;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:logo-pulse 3s ease-in-out infinite;transition:filter .3s ease}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dark .brand-logo .logo-image{filter:drop-shadow(0 4px 12px rgba(255,255,255,.1))}.theme-cherry .brand-logo .logo-image{filter:drop-shadow(0 4px 8px rgba(233,30,99,.2))}.theme-ocean .brand-logo .logo-image{filter:drop-shadow(0 4px 8px rgba(0,188,212,.2))}.starry-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.stars-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:repeat;animation:twinkle 4s ease-in-out infinite alternate}.stars-small{background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,.8),transparent);background-size:200px 100px;animation-duration:6s}.stars-medium{background-image:radial-gradient(2px 2px at 60px 50px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 120px 20px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 180px 90px,rgba(255,255,255,.5),transparent);background-size:250px 120px;animation-duration:8s;animation-delay:-2s}.stars-large{background-image:radial-gradient(3px 3px at 100px 60px,rgba(255,255,255,.4),transparent),radial-gradient(3px 3px at 200px 30px,rgba(255,255,255,.3),transparent);background-size:300px 150px;animation-duration:10s;animation-delay:-4s}.shooting-stars{position:absolute;top:0;left:0;width:100%;height:100%}.shooting-star{position:absolute;width:2px;height:2px;background:linear-gradient(45deg,rgba(255,255,255,1),transparent);border-radius:50%;opacity:0;animation:shooting 8s linear infinite}.shooting-star:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:6s}.shooting-star:nth-child(2){top:40%;left:80%;animation-delay:3s;animation-duration:8s}.shooting-star:nth-child(3){top:70%;left:30%;animation-delay:6s;animation-duration:7s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes shooting{0%{opacity:0;transform:translate(-100px) translateY(-100px) scale(0)}10%{opacity:1;transform:translate(-50px) translateY(-50px) scale(1)}20%{opacity:1;transform:translate(0) translateY(0) scale(1)}30%{opacity:.8;transform:translate(50px) translateY(50px) scale(.8)}to{opacity:0;transform:translate(200px) translateY(200px) scale(0)}}.dark .stars-small{background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,.9),transparent)}.dark .stars-medium{background-image:radial-gradient(2px 2px at 60px 50px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 120px 20px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 180px 90px,rgba(255,255,255,.6),transparent)}.dark .stars-large{background-image:radial-gradient(3px 3px at 100px 60px,rgba(255,255,255,.5),transparent),radial-gradient(3px 3px at 200px 30px,rgba(255,255,255,.4),transparent)}.theme-cherry .shooting-star{background:linear-gradient(45deg,rgba(233,30,99,.8),transparent)}.theme-ocean .shooting-star{background:linear-gradient(45deg,rgba(0,188,212,.8),transparent)}.theme-light .starry-background{background:linear-gradient(135deg,#4f46e505,#10b98105,#f59e0b05)}.theme-light .floating-lights{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.theme-light .light-particle{position:absolute;border-radius:50%;animation:float-light 6s ease-in-out infinite}.theme-light .light-small{width:4px;height:4px;background:radial-gradient(circle,rgba(79,70,229,.9) 0%,rgba(79,70,229,.4) 50%,transparent 100%);box-shadow:0 0 8px #4f46e599,0 0 16px #4f46e54d}.theme-light .light-medium{width:6px;height:6px;background:radial-gradient(circle,rgba(16,185,129,.8) 0%,rgba(16,185,129,.4) 50%,transparent 100%);box-shadow:0 0 10px #10b98180,0 0 20px #10b98133}.theme-light .light-large{width:10px;height:10px;background:radial-gradient(circle,rgba(245,158,11,.7) 0%,rgba(245,158,11,.3) 50%,transparent 100%);box-shadow:0 0 12px #f59e0b66,0 0 24px #f59e0b33}.theme-light .geometric-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.theme-light .geometric-shape{position:absolute;opacity:.3;animation:rotate-float 12s linear infinite}.theme-light .shape-circle{width:60px;height:60px;border:3px solid rgba(79,70,229,.6);border-radius:50%;top:15%;left:5%;animation-delay:0s;box-shadow:0 0 15px #4f46e533}.theme-light .shape-triangle{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:40px solid rgba(16,185,129,.6);top:70%;right:8%;animation-delay:4s;filter:drop-shadow(0 0 10px rgba(16,185,129,.3))}.theme-light .shape-square{width:40px;height:40px;border:3px solid rgba(245,158,11,.6);transform:rotate(45deg);top:45%;left:2%;animation-delay:8s;box-shadow:0 0 15px #f59e0b33}.theme-light .shape-hexagon{width:45px;height:45px;background:#8b451399;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);top:25%;left:3%;animation-delay:2s;filter:drop-shadow(0 0 12px rgba(139,69,19,.3))}.theme-light .shape-diamond{width:35px;height:35px;background:#a855f799;transform:rotate(45deg);top:65%;left:4%;animation-delay:6s;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:drop-shadow(0 0 10px rgba(168,85,247,.3))}.theme-light .shape-pentagon{width:40px;height:40px;background:#ec489999;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);top:30%;right:5%;animation-delay:10s;filter:drop-shadow(0 0 12px rgba(236,72,153,.3))}.theme-light .shape-star{width:35px;height:35px;background:#22c55e99;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);top:55%;right:6%;animation-delay:12s;filter:drop-shadow(0 0 10px rgba(34,197,94,.3))}.theme-light .shape-oval{width:50px;height:30px;background:#ef444499;border-radius:50%;top:80%;right:4%;animation-delay:14s;box-shadow:0 0 15px #ef444433}@keyframes float-light{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.6}25%{transform:translateY(-20px) translate(8px) scale(1.2);opacity:.9}50%{transform:translateY(-35px) translate(-8px) scale(1.4);opacity:1}75%{transform:translateY(-20px) translate(8px) scale(1.2);opacity:.9}}@keyframes rotate-float{0%{transform:rotate(0) translateY(0);opacity:.1}25%{transform:rotate(90deg) translateY(-10px);opacity:.2}50%{transform:rotate(180deg) translateY(-20px);opacity:.3}75%{transform:rotate(270deg) translateY(-10px);opacity:.2}to{transform:rotate(360deg) translateY(0);opacity:.1}}.theme-cherry .cherry-blossoms{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.theme-cherry .cherry-petal{position:absolute;width:8px;height:8px;background:radial-gradient(ellipse at center,rgba(233,30,99,.8) 0%,rgba(233,30,99,.4) 50%,transparent 100%);border-radius:50% 0;animation:petal-fall 8s linear infinite;transform-origin:center;top:-300px}.theme-cherry .petal-small{width:6px;height:6px;animation-duration:12s;background:radial-gradient(ellipse at center,rgba(233,30,99,.7) 0%,rgba(233,30,99,.3) 50%,transparent 100%)}.theme-cherry .petal-medium{width:8px;height:8px;animation-duration:10s;background:radial-gradient(ellipse at center,rgba(233,30,99,.8) 0%,rgba(233,30,99,.4) 50%,transparent 100%)}.theme-cherry .petal-large{width:12px;height:12px;animation-duration:8s;background:radial-gradient(ellipse at center,rgba(233,30,99,.9) 0%,rgba(233,30,99,.5) 50%,transparent 100%)}.theme-cherry .petal-tiny{width:4px;height:4px;animation-duration:14s;background:radial-gradient(ellipse at center,rgba(156,39,176,.6) 0%,rgba(156,39,176,.2) 50%,transparent 100%)}.theme-cherry .petal-extra-large{width:16px;height:16px;animation-duration:6s;background:radial-gradient(ellipse at center,rgba(233,30,99,1) 0%,rgba(233,30,99,.6) 50%,transparent 100%)}.theme-cherry .pink-aura{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.theme-cherry .aura-glow{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(233,30,99,.1) 0%,rgba(156,39,176,.05) 50%,transparent 100%);animation:aura-pulse 6s ease-in-out infinite}.theme-cherry .glow-1{width:200px;height:200px;top:10%;left:20%;animation-delay:0s}.theme-cherry .glow-2{width:150px;height:150px;top:50%;right:25%;animation-delay:2s}.theme-cherry .glow-3{width:180px;height:180px;bottom:20%;left:60%;animation-delay:4s}@keyframes petal-fall{0%{transform:translateY(-200px) translate(0) rotate(0);opacity:1}15%{transform:translateY(-100px) translate(10px) rotate(45deg);opacity:1}30%{transform:translateY(20vh) translate(-15px) rotate(90deg);opacity:1}50%{transform:translateY(40vh) translate(20px) rotate(135deg);opacity:1}70%{transform:translateY(60vh) translate(-10px) rotate(180deg);opacity:1}85%{transform:translateY(80vh) translate(15px) rotate(225deg);opacity:1}to{transform:translateY(110vh) translate(-5px) rotate(270deg);opacity:0}}@keyframes aura-pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.2);opacity:.3}}.theme-ocean .ocean-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.theme-ocean .bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,188,212,.6) 0%,rgba(0,188,212,.2) 50%,transparent 100%);animation:bubble-rise 8s linear infinite;box-shadow:inset 0 0 10px #00bcd44d}.theme-ocean .bubble-small{width:8px;height:8px;animation-duration:12s}.theme-ocean .bubble-medium{width:15px;height:15px;animation-duration:10s}.theme-ocean .bubble-large{width:25px;height:25px;animation-duration:8s}.theme-ocean .water-ripples{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.theme-ocean .ripple{position:absolute;border:2px solid rgba(0,188,212,.2);border-radius:50%;animation:ripple-expand 6s ease-out infinite}.theme-ocean .ripple-1{width:50px;height:50px;top:30%;left:70%;animation-delay:0s}.theme-ocean .ripple-2{width:80px;height:80px;top:60%;left:20%;animation-delay:2s}.theme-ocean .ripple-3{width:60px;height:60px;top:80%;left:80%;animation-delay:4s}.theme-ocean .ocean-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.theme-ocean .ocean-particle{position:absolute;width:4px;height:4px;background:#4caf5099;border-radius:50%;animation:ocean-flow 10s ease-in-out infinite}@keyframes bubble-rise{0%{transform:translateY(120vh) scale(0);opacity:0}5%{opacity:1;transform:translateY(110vh) scale(1)}25%{transform:translateY(75vh) translate(10px) scale(1.1)}50%{transform:translateY(50vh) translate(-15px) scale(1.2)}75%{transform:translateY(25vh) translate(20px) scale(1.1)}to{transform:translateY(-20vh) translate(-10px) scale(.8);opacity:0}}@keyframes ripple-expand{0%{transform:scale(0);opacity:.8}50%{opacity:.4}to{transform:scale(4);opacity:0}}@keyframes ocean-flow{0%{transform:translate(-50px) translateY(0);opacity:0}25%{transform:translate(25vw) translateY(-10px);opacity:1}50%{transform:translate(50vw) translateY(10px);opacity:.8}75%{transform:translate(75vw) translateY(-5px);opacity:.6}to{transform:translate(100vw) translateY(5px);opacity:0}}@media (prefers-reduced-motion: reduce){.starry-background *,.floating-lights *,.geometric-shapes *,.cherry-blossoms *,.pink-aura *,.ocean-bubbles *,.water-ripples *,.ocean-particles *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.theme-light .light-particle:nth-child(n+51){display:none}.theme-light .geometric-shapes{opacity:.5}.theme-light .shape-hexagon,.theme-light .shape-pentagon,.theme-light .shape-star,.theme-light .shape-oval{display:none}.theme-cherry .cherry-petal:nth-child(n+51){display:none}.theme-cherry .pink-aura{opacity:.6}.theme-ocean .bubble:nth-child(n+21){display:none}.theme-ocean .ocean-particle:nth-child(n+7){display:none}.theme-ocean .water-ripples{opacity:.7}.dark .stars-layer{opacity:.8}}@media (max-width: 480px){.starry-background{opacity:.6}.theme-light .light-particle:nth-child(n+25),.theme-cherry .cherry-petal:nth-child(n+25),.theme-ocean .bubble:nth-child(n+10){display:none}.theme-light .geometric-shapes,.theme-cherry .pink-aura,.theme-ocean .water-ripples{display:none}}.starry-background,.floating-lights,.geometric-shapes,.cherry-blossoms,.pink-aura,.ocean-bubbles,.water-ripples,.ocean-particles{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.light-particle,.geometric-shape,.cherry-petal,.aura-glow,.bubble,.ripple,.ocean-particle{will-change:transform,opacity;transform:translateZ(0)}.auth-container{position:relative;z-index:2}@media (max-width: 768px){.starry-background{opacity:.6}.shooting-stars{display:none}.stars-layer{animation-duration:8s}.brand-highlights{gap:1rem;margin-bottom:1.5rem}.highlight-card{padding:.875rem;gap:.5rem}.highlight-icon{width:32px;height:32px}.highlight-icon i{font-size:1.25rem}.highlight-svg,.stat-svg,.stat-icon{width:16px;height:16px}.highlight-content h3{font-size:.9rem;margin-bottom:.125rem}.highlight-content p{font-size:.8rem;line-height:1.3}.brand-stats{padding:1rem;gap:.5rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}.decoration-bubble{display:none}.decoration-line{opacity:.3}}@media (prefers-reduced-motion: reduce){.starry-background{opacity:.3}.stars-layer{animation:none}.shooting-stars{display:none}}.form-transition-container{width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.form-transition-container.fade-in{opacity:1;transform:translate(0) scale(1);animation:slideInFromRight .3s ease-out}.form-transition-container.fade-out{opacity:0;transform:translate(-20px) scale(.95);animation:slideOutToLeft .3s ease-in}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-30px) scale(.95)}}.auth-form-wrapper.transitioning{overflow:hidden}.form-transition-container.slide-left{animation:slideInFromLeft .3s ease-out}.form-transition-container.slide-right{animation:slideInFromRight .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.form-transition-container.flip-in{animation:flipIn .4s ease-out}.form-transition-container.flip-out{animation:flipOut .4s ease-in}@keyframes flipIn{0%{opacity:0;transform:rotateY(-90deg) scale(.8)}50%{opacity:.5;transform:rotateY(-45deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes flipOut{0%{opacity:1;transform:rotateY(0) scale(1)}50%{opacity:.5;transform:rotateY(45deg) scale(.9)}to{opacity:0;transform:rotateY(90deg) scale(.8)}}@media (max-width: 768px){.form-transition-container{transition-duration:.2s}.form-transition-container.fade-in,.form-transition-container.fade-out{animation-duration:.2s}}@media (prefers-reduced-motion: reduce){.form-transition-container{transition:opacity .15s ease;transform:none!important;animation:none!important}.form-transition-container.fade-in{opacity:1;animation:none}.form-transition-container.fade-out{opacity:0;animation:none}}.brand-tagline{margin-bottom:2.5rem;text-align:center}.brand-highlights{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.highlight-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;animation:highlight-card-entrance .6s ease-out both}.highlight-card:nth-child(1){animation-delay:.8s}.highlight-card:nth-child(2){animation-delay:1s}.highlight-card:nth-child(3){animation-delay:1.2s}.highlight-card:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#fff3}@keyframes highlight-card-entrance{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.highlight-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--color-primary),.2),rgba(var(--color-secondary),.2));border-radius:12px;border:1px solid rgba(var(--color-primary),.3)}.highlight-icon i{font-size:1.5rem;color:#ffffffe6}.highlight-svg{width:20px;height:20px;color:#ffffffe6;opacity:.9;transition:all .3s ease}.highlight-card:hover .highlight-svg{opacity:1;transform:scale(1.1);color:#fff}.highlight-content h3{font-size:1rem;font-weight:600;color:#fffffff2;margin:0 0 .25rem}.highlight-content p{font-size:.875rem;color:#ffffffb3;margin:0;line-height:1.4}.brand-stats{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:1.25rem;border:1px solid rgba(255,255,255,.15);animation:stats-entrance .8s ease-out 1.4s both}@keyframes stats-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;gap:.125rem}.stat-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-bottom:.125rem}.stat-svg{width:20px;height:20px;color:#fffc;opacity:.8;transition:all .3s ease}.stat-item:hover .stat-svg{opacity:1;transform:scale(1.1);color:#fff}.stat-number{font-size:1.5rem;font-weight:700;color:#fffffff2;margin-bottom:.25rem;background:linear-gradient(135deg,rgba(var(--color-primary),1),rgba(var(--color-secondary),1));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:number-glow 2s ease-in-out infinite alternate}@keyframes number-glow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.stat-label{font-size:.75rem;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.brand-name{font-size:3rem;font-weight:800;margin:0;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.brand-description{max-width:420px}.brand-title{font-size:2rem;font-weight:700;margin:0 0 1.5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.brand-subtitle{font-size:1.25rem;margin:0 0 2.5rem;opacity:.95;line-height:1.6;font-weight:300}.brand-features{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.feature-item{display:flex;align-items:center;gap:1rem;font-size:1.1rem;opacity:.95;padding:.75rem 1rem;background:#ffffff1a;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:feature-slide-in .6s ease-out both}.feature-item:nth-child(1){animation-delay:.6s}.feature-item:nth-child(2){animation-delay:.8s}.feature-item:nth-child(3){animation-delay:1s}@keyframes feature-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:.95;transform:translate(0)}}.feature-item:hover{background:#ffffff26;transform:translate(5px)}.feature-item svg{width:1.5rem;height:1.5rem;color:#ffffffe6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.feature-item i{font-size:1.5rem;color:#ffffffe6}.brand-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.circle-1{width:350px;height:350px;top:-175px;right:-175px;animation:float-enhanced 8s ease-in-out infinite;background:radial-gradient(circle at 40% 40%,#fff3,#ffffff0d)}.circle-2{width:250px;height:250px;bottom:-125px;left:-125px;animation:float-enhanced 10s ease-in-out infinite reverse;background:radial-gradient(circle at 60% 60%,#ffffff26,#ffffff08)}.circle-3{width:180px;height:180px;top:50%;left:-90px;animation:float-enhanced 12s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ffffff1f,#ffffff05)}.circle-4{width:120px;height:120px;top:20%;right:10%;animation:float-enhanced 6s ease-in-out infinite reverse;background:radial-gradient(circle at 30% 70%,#ffffff1a,#ffffff05)}.circle-5{width:80px;height:80px;bottom:30%;right:20%;animation:float-enhanced 14s ease-in-out infinite;background:radial-gradient(circle at 70% 30%,#ffffff14,#ffffff03)}@keyframes float-enhanced{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.6}25%{transform:translateY(-15px) rotate(90deg) scale(1.05);opacity:.8}50%{transform:translateY(-25px) rotate(180deg) scale(1.1);opacity:1}75%{transform:translateY(-15px) rotate(270deg) scale(1.05);opacity:.8}}.decoration-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffffff1f,#ffffff05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);animation:bubble-float 8s ease-in-out infinite}.bubble-1{width:24px;height:24px;top:15%;left:15%;animation-delay:0s}.bubble-2{width:18px;height:18px;top:25%;right:25%;animation-delay:1s}.bubble-3{width:32px;height:32px;bottom:35%;left:10%;animation-delay:2s}.bubble-4{width:20px;height:20px;top:60%;right:15%;animation-delay:3s}.bubble-5{width:28px;height:28px;bottom:20%;right:35%;animation-delay:4s}.bubble-6{width:16px;height:16px;top:45%;left:25%;animation-delay:5s}@keyframes bubble-float{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-15px) scale(1.1);opacity:.7}}.decoration-line{position:absolute;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);border-radius:2px;animation:line-glow 6s ease-in-out infinite}.line-1{width:120px;height:2px;top:20%;right:10%;transform:rotate(25deg);animation-delay:0s}.line-2{width:80px;height:1px;bottom:40%;left:20%;transform:rotate(-15deg);animation-delay:2s}.line-3{width:100px;height:1.5px;top:70%;right:20%;transform:rotate(35deg);animation-delay:4s}@keyframes line-glow{0%,to{opacity:.2;transform:scale(1) rotate(var(--rotation, 0deg))}50%{opacity:.6;transform:scale(1.05) rotate(var(--rotation, 0deg))}}.dark .highlight-icon{background:linear-gradient(135deg,rgba(var(--color-primary),.3),rgba(var(--color-secondary),.3));border-color:rgba(var(--color-primary),.4)}.theme-cherry .highlight-icon{background:linear-gradient(135deg,#e91e6340,#ff980040);border-color:#e91e634d}.theme-cherry .stat-number{background:linear-gradient(135deg,#e91e63,#ff9800);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-ocean .highlight-icon{background:linear-gradient(135deg,#00bcd440,#00968840);border-color:#00bcd44d}.theme-ocean .stat-number{background:linear-gradient(135deg,#00bcd4,#009688);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-cherry .highlight-svg{color:#e91e63}.theme-ocean .highlight-svg{color:#00bcd4}.dark .highlight-svg{color:#ffffffe6}.theme-light .highlight-svg{color:#000c}.theme-cherry .stat-svg{color:#e91e63}.theme-ocean .stat-svg{color:#00bcd4}.dark .stat-svg{color:#fffc}.theme-light .stat-svg{color:#000000b3}.auth-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:rgba(var(--color-background),.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.auth-form-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(var(--color-primary),.03) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(var(--color-secondary),.02) 0%,transparent 50%);pointer-events:none}.auth-form-wrapper{width:100%;max-width:420px;position:relative;z-index:1;animation:form-entrance .8s ease-out .2s both}@keyframes form-entrance{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.auth-form{width:100%;background:rgba(var(--color-background),.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000d,inset 0 1px #ffffff1a;border:1px solid rgba(var(--color-surface),.3)}.form-header{text-align:center;margin-bottom:2rem;animation:header-fade-in .6s ease-out .4s both}@keyframes header-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-title{font-size:2.25rem;font-weight:800;color:rgb(var(--color-text-primary));margin:0 0 .75rem;letter-spacing:-.02em;background:linear-gradient(135deg,rgb(var(--color-text-primary)),rgb(var(--color-primary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{font-size:1.125rem;color:rgb(var(--color-text-secondary));margin:0;font-weight:400}.form-content{display:flex;flex-direction:column;gap:1.5rem}.register-form .form-content{gap:1.25rem}.register-form .form-group{gap:.5rem}.register-form .form-header{margin-bottom:1.75rem}.register-form .form-footer{margin-top:1rem}.register-form{max-height:100vh;overflow-y:auto}@media (max-height: 700px){.register-form .auth-form-wrapper{max-height:90vh;overflow-y:auto;padding-right:.5rem}.register-form .form-content{gap:1rem}.register-form .form-header{margin-bottom:1.25rem}}.form-group{display:flex;flex-direction:column;gap:.75rem;animation:form-group-entrance .5s ease-out both}.form-group:nth-child(1){animation-delay:.5s}.form-group:nth-child(2){animation-delay:.6s}.form-group:nth-child(3){animation-delay:.7s}.form-group:nth-child(4){animation-delay:.8s}@keyframes form-group-entrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.form-label{font-size:.9rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0;letter-spacing:.01em}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:1rem 1.25rem 1rem 3rem;border:2px solid rgba(var(--color-surface),.6);border-radius:1rem;background:rgba(var(--color-background),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:rgb(var(--color-text-primary));font-size:1rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 4px 8px #0000000a,inset 0 1px #ffffff1a}.form-input::-moz-placeholder{color:rgb(var(--color-text-secondary));font-weight:300}.form-input::placeholder{color:rgb(var(--color-text-secondary));font-weight:300}.form-input:focus{border-color:rgb(var(--color-primary));background:rgba(var(--color-background),.95);box-shadow:0 0 0 4px rgb(var(--color-primary) / .1),0 8px 16px #00000014,inset 0 1px #fff3;transform:translateY(-1px)}.form-input:hover:not(:focus):not(:disabled){border-color:rgba(var(--color-primary),.3);box-shadow:0 6px 12px #0000000f,inset 0 1px #ffffff26}.form-input.error{border-color:rgb(var(--color-error));background:rgba(var(--color-error),.02);box-shadow:0 0 0 4px rgb(var(--color-error) / .1),0 4px 8px rgba(var(--color-error),.1);animation:input-shake .5s ease-in-out}@keyframes input-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-input:disabled{background:rgba(var(--color-surface),.5);cursor:not-allowed;opacity:.6;transform:none}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:rgb(var(--color-text-secondary));pointer-events:none;z-index:1;transition:all .3s ease;width:1.25rem!important;height:1.25rem!important;flex-shrink:0}.form-input:focus+.input-icon,.form-input:focus~.input-icon{color:rgb(var(--color-primary));transform:translateY(-50%) scale(1)}.password-toggle{position:absolute;right:1.25rem;background:transparent;border:none;color:rgb(var(--color-text-secondary));cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:rgb(var(--color-primary));background:rgba(var(--color-primary),.1);transform:scale(1.1)}.password-toggle:active{transform:scale(.95)}.password-toggle:disabled{cursor:not-allowed;opacity:.5;transform:none}.password-toggle svg{width:1.25rem!important;height:1.25rem!important;flex-shrink:0}.checkbox-group{flex-direction:row;align-items:center;gap:0}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:rgb(var(--color-text-secondary))}.checkbox-input{display:none}.checkbox-custom{width:1.25rem;height:1.25rem;border:2px solid rgb(var(--color-surface));border-radius:.25rem;margin-right:.75rem;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary))}.checkbox-input:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:600}.checkbox-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.submit-button{width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg,rgb(var(--color-primary)),rgb(var(--color-secondary)));color:#fff;border:none;border-radius:1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;outline:none;position:relative;overflow:hidden;box-shadow:0 8px 16px rgba(var(--color-primary),.3),0 4px 8px #0000001a,inset 0 1px #fff3;letter-spacing:.02em}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.submit-button:hover:before{left:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,rgb(var(--color-primary) / .9),rgb(var(--color-secondary) / .9));transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px rgba(var(--color-primary),.4),0 8px 16px #00000026,inset 0 1px #ffffff4d}.submit-button:active:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 6px 12px rgba(var(--color-primary),.3),0 4px 8px #0000001a}.submit-button:disabled{background:linear-gradient(135deg,rgb(var(--color-text-secondary)),rgb(var(--color-text-secondary) / .8));cursor:not-allowed;transform:none;box-shadow:0 4px 8px #0000001a,inset 0 1px #ffffff1a;opacity:.6}.submit-button.loading{pointer-events:none;background:linear-gradient(135deg,rgb(var(--color-primary) / .8),rgb(var(--color-secondary) / .8))}.submit-button.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:loading-shimmer 1.5s ease-in-out infinite}@keyframes loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1024px){.auth-container{max-width:900px;max-height:700px}.auth-brand{padding:2rem}.brand-name{font-size:2.5rem}.brand-title{font-size:1.75rem}.auth-form-container,.auth-form{padding:2rem}}@media (max-width: 768px){.auth-layout{padding:1rem}.auth-container{flex-direction:column;max-height:none;min-height:100vh}.auth-brand{flex:none;min-height:300px;padding:2rem 1.5rem}.brand-name{font-size:2rem}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:1rem}.feature-item{font-size:.95rem;padding:.5rem .75rem}.auth-form-container{flex:1;padding:1.5rem}.auth-form{padding:1.5rem;border-radius:1rem}.form-title{font-size:1.75rem}.form-subtitle{font-size:1rem}.form-input{padding:.875rem 1rem .875rem 2.75rem}.submit-button{padding:1rem 1.5rem;font-size:1rem}.circle-1{width:250px;height:250px;top:-125px;right:-125px}.circle-2{width:180px;height:180px;bottom:-90px;left:-90px}.circle-3{width:120px;height:120px;left:-60px}.circle-4,.circle-5{display:none}}@media (max-width: 480px){.auth-layout{padding:.5rem}.auth-container{border-radius:1rem}.auth-brand{min-height:250px;padding:1.5rem 1rem}.brand-logo .logo-image{width:64px;height:64px}.brand-name{font-size:1.75rem}.brand-title{font-size:1.25rem}.brand-subtitle{font-size:.9rem}.brand-features{gap:.75rem}.feature-item{font-size:.85rem;padding:.4rem .6rem}.auth-form-container{padding:1rem}.auth-form{padding:1.25rem}.form-title{font-size:1.5rem}.form-content{gap:1.25rem}.register-form .form-content{gap:1rem}.register-form .form-header{margin-bottom:1.25rem}.register-form .form-group{gap:.375rem}.form-input{padding:.75rem .875rem .75rem 2.5rem;font-size:.95rem}.input-icon{left:1rem;width:1.125rem!important;height:1.125rem!important}.password-toggle{right:1rem;padding:.375rem}.submit-button{padding:.875rem 1.25rem;font-size:.95rem}}@media (min-width: 1440px){.auth-container{max-width:1400px;max-height:900px}.auth-brand{padding:4rem}.brand-name{font-size:3.5rem}.brand-title{font-size:2.25rem}.brand-subtitle{font-size:1.375rem}.auth-form-container{padding:4rem}.auth-form{padding:3rem;max-width:480px}.form-title{font-size:2.5rem}}.auth-footer{margin-top:2rem;text-align:center;animation:footer-fade-in .8s ease-out 1s both}@keyframes footer-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.footer-link{color:rgb(var(--color-text-secondary));text-decoration:none;font-size:.875rem;transition:all .2s ease;padding:.25rem .5rem;border-radius:.25rem}.footer-link:hover{color:rgb(var(--color-primary));background:rgba(var(--color-primary),.1)}.footer-separator{color:rgb(var(--color-text-secondary));opacity:.5;font-size:.75rem}.footer-copyright{font-size:.75rem;color:rgb(var(--color-text-secondary));opacity:.8}.footer-copyright p{margin:0}.footer-links-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--color-surface),.3)}.forgot-password-link{background:transparent;border:none;color:rgb(var(--color-primary));font-size:.875rem;cursor:pointer;text-decoration:none;transition:all .2s ease;padding:.25rem 0;font-weight:500}.forgot-password-link:hover{color:rgb(var(--color-primary) / .8);text-decoration:underline}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.switch-form-text{font-size:.875rem;color:rgb(var(--color-text-secondary));margin:0;display:flex;align-items:center;gap:.5rem}.switch-form-link{background:transparent;border:none;color:rgb(var(--color-primary));font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;padding:0}.switch-form-link:hover{color:rgb(var(--color-primary) / .8);text-decoration:underline}.switch-form-link:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.footer-links-row{flex-direction:column;align-items:center;gap:1rem;text-align:center}.switch-form-text{flex-direction:column;gap:.25rem;text-align:center}}.login-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlay-fade-in .3s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.login-loading-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;box-shadow:0 32px 64px #0003,inset 0 1px #ffffff1a;border:1px solid rgba(var(--color-surface),.3);animation:container-bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes container-bounce-in{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:.8;transform:scale(1.05) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-animation-main{position:relative;display:flex;align-items:center;justify-content:center}.loading-logo{position:relative;z-index:2}.loading-logo .logo-pulse{width:80px;height:80px;filter:brightness(0) invert(1);animation:logo-loading-pulse 2s ease-in-out infinite}@keyframes logo-loading-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.loading-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px}.ring-segment{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:ring-rotate 2s linear infinite}.ring-1{border-top-color:rgb(var(--color-primary));animation-delay:0s}.ring-2{border-right-color:rgb(var(--color-secondary));animation-delay:.5s}.ring-3{border-bottom-color:rgb(var(--color-accent));animation-delay:1s}.ring-4{border-left-color:rgb(var(--color-primary));animation-delay:1.5s}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text-container{text-align:center;animation:text-fade-in .8s ease-out .3s both}@keyframes text-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-text{font-size:1.25rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 .5rem;letter-spacing:.02em}.loading-dots{display:inline-flex;gap:.25rem}.dot{font-size:1.5rem;color:rgb(var(--color-primary));animation:dot-bounce 1.4s ease-in-out infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;border-radius:2rem}.particle{position:absolute;width:4px;height:4px;background:rgb(var(--color-primary));border-radius:50%;animation:particle-float var(--duration, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:.6}.particle-1{top:20%;left:10%}.particle-2{top:30%;right:15%}.particle-3{bottom:40%;left:20%}.particle-4{bottom:25%;right:25%}.particle-5{top:15%;left:50%}.particle-6{bottom:35%;right:10%}.particle-7{top:45%;left:15%}.particle-8{top:25%;right:30%}.particle-9{bottom:20%;left:40%}.particle-10{top:35%;right:45%}.particle-11{bottom:45%;left:60%}.particle-12{top:55%;right:20%}@keyframes particle-float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.form-validation-feedback{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid;font-size:.875rem;line-height:1.4;position:relative;overflow:hidden}.form-validation-feedback.feedback-animated{animation:feedback-slide-in .4s cubic-bezier(.4,0,.2,1)}@keyframes feedback-slide-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-success{background:rgba(var(--color-success),.1);border-color:rgba(var(--color-success),.3);color:rgb(var(--color-success))}.feedback-success:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:rgb(var(--color-success))}.feedback-error{background:rgba(var(--color-error),.1);border-color:rgba(var(--color-error),.3);color:rgb(var(--color-error))}.feedback-error:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:rgb(var(--color-error))}.feedback-warning{background:rgba(var(--color-warning),.1);border-color:rgba(var(--color-warning),.3);color:rgb(var(--color-warning))}.feedback-warning:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:rgb(var(--color-warning))}.feedback-info{background:rgba(var(--color-primary),.1);border-color:rgba(var(--color-primary),.3);color:rgb(var(--color-primary))}.feedback-info:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:rgb(var(--color-primary))}.feedback-icon{flex-shrink:0;margin-top:.125rem}.feedback-content{flex:1}.feedback-message{margin:0;font-weight:500}.feedback-close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:currentColor;opacity:.7;transition:all .2s ease}.feedback-close:hover{opacity:1;background:#0000001a}.error-message{font-size:.875rem;color:rgb(var(--color-error));margin:.5rem 0 0;display:flex;align-items:center;gap:.5rem;animation:error-shake .4s ease-in-out}.error-message svg{width:1rem!important;height:1rem!important;flex-shrink:0}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.global-error{padding:1rem 1.25rem;background:rgba(var(--color-error),.1);border:1px solid rgba(var(--color-error),.3);border-radius:.75rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.global-error:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:rgb(var(--color-error))}.success-message{font-size:.875rem;color:rgb(var(--color-success));margin:.5rem 0 0;display:flex;align-items:center;gap:.5rem;animation:success-bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes success-bounce{0%{opacity:0;transform:scale(.3) translateY(10px)}50%{opacity:.8;transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-form .input-wrapper svg,.auth-form .form-group svg,.login-form svg,.register-form svg{max-width:1.25rem!important;max-height:1.25rem!important;min-width:1rem!important;min-height:1rem!important}.auth-form .error-message,.login-form .error-message,.register-form .error-message{font-size:.875rem!important;line-height:1.25rem!important;max-width:100%!important}.auth-form,.login-form,.register-form{transform:none!important;zoom:1!important}.global-error{padding:.75rem 1rem;background:rgb(var(--color-error) / .1);border:1px solid rgb(var(--color-error) / .2);border-radius:.5rem;margin-bottom:1rem}.form-footer{text-align:center;margin-top:1.5rem}.switch-form-text{font-size:.875rem;color:rgb(var(--color-text-secondary));margin:0}.switch-form-link{background:transparent;border:none;color:rgb(var(--color-primary));font-weight:500;cursor:pointer;text-decoration:none;margin-left:.25rem;transition:all .2s ease}.switch-form-link:hover:not(:disabled){color:rgb(var(--color-primary) / .8);text-decoration:underline}.switch-form-link:disabled{cursor:not-allowed;opacity:.5}.icon-loader{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:rgb(var(--color-background));border-radius:.75rem;box-shadow:0 25px 50px #00000040;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgb(var(--color-surface))}.modal-title{font-size:1.25rem;font-weight:600;margin:0;color:rgb(var(--color-text-primary))}.modal-close{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.25rem;color:rgb(var(--color-text-secondary));transition:all .2s ease}.modal-close:hover{background:rgb(var(--color-surface));color:rgb(var(--color-text-primary))}.modal-content{flex:1;overflow-y:auto;padding:1.5rem}.user-profile{width:100%;max-width:800px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:rgb(var(--color-surface));border-radius:1rem;margin-bottom:2rem}.user-profile .user-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid rgb(var(--color-primary))}.user-profile .avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgb(var(--color-primary));color:#fff;font-size:2rem}.user-profile .user-info{flex:1;margin-left:0}.user-profile .user-name{font-size:1.5rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 .5rem}.user-profile .user-email{font-size:1rem;color:rgb(var(--color-text-secondary));margin:0 0 .5rem}.user-profile .user-role{display:inline-block;padding:.25rem .75rem;background:rgb(var(--color-primary) / .1);color:rgb(var(--color-primary));border-radius:1rem;font-size:.875rem;font-weight:500}.profile-tabs{display:flex;border-bottom:2px solid rgb(var(--color-surface));margin-bottom:2rem}.tab-button{padding:1rem 1.5rem;background:transparent;border:none;color:rgb(var(--color-text-secondary));font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-button.active{color:rgb(var(--color-primary));border-bottom-color:rgb(var(--color-primary))}.tab-button:hover:not(.active){color:rgb(var(--color-text-primary))}.tab-content{display:none}.tab-content.active{display:block}.password-strength{margin-top:.75rem;padding:1rem;background:rgb(var(--color-surface) / .3);border-radius:.5rem;border:1px solid rgb(var(--color-surface))}.strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.strength-label{font-size:.875rem;color:rgb(var(--color-text-secondary));display:flex;align-items:center;gap:.5rem}.strength-text{font-weight:600;text-transform:capitalize}.strength-score{font-size:.75rem;color:rgb(var(--color-text-secondary));font-weight:500}.strength-bar{height:6px;background:rgb(var(--color-surface));border-radius:3px;overflow:hidden;margin-bottom:1rem}.strength-fill{height:100%;transition:all .3s ease;border-radius:3px}.strength-fill.weak{background:rgb(var(--color-error))}.strength-fill.medium{background:rgb(var(--color-warning))}.strength-fill.strong{background:rgb(var(--color-success))}.strength-details{margin-top:1rem}.requirements-check{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-bottom:1rem}.requirement-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:rgb(var(--color-text-secondary))}.requirement-item i{font-size:.875rem;width:16px;text-align:center}.requirement-item i.success{color:rgb(var(--color-success))}.requirement-item i.error{color:rgb(var(--color-error))}.strength-feedback{border-top:1px solid rgb(var(--color-surface));padding-top:.75rem}.feedback-title{font-size:.875rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 .5rem}.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.feedback-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:rgb(var(--color-text-secondary))}.feedback-item i{color:rgb(var(--color-warning));font-size:.75rem;width:12px;text-align:center}.user-profile-error{text-align:center;padding:2rem;color:rgb(var(--color-text-secondary))}@media (max-width: 768px){.auth-container{flex-direction:column;height:auto;max-height:none;margin:1rem}.auth-brand{padding:2rem;min-height:300px}.brand-name{font-size:2rem}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:1rem}.auth-form-container{padding:2rem}.profile-header{flex-direction:column;text-align:center;padding:1.5rem}.profile-tabs{overflow-x:auto;white-space:nowrap}.tab-button{padding:.75rem 1rem;font-size:.875rem}}@media (max-width: 480px){.auth-layout{padding:1rem}.auth-container{margin:0;border-radius:1rem}.auth-brand{padding:1.5rem;min-height:250px}.brand-name{font-size:1.75rem}.brand-title{font-size:1.25rem}.auth-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.register-form .form-content{gap:.875rem}.register-form .form-header{margin-bottom:1rem}.register-form .form-group{gap:.25rem}.register-form .form-footer{margin-top:.75rem}}.user-settings-page{width:100%;max-width:1000px;margin:0 auto;padding:2rem}.settings-container{background:rgb(var(--color-background));border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.settings-header{padding:2rem;background:rgb(var(--color-surface));border-bottom:1px solid rgb(var(--color-surface))}.settings-title{font-size:2rem;font-weight:700;color:rgb(var(--color-text-primary));margin:0 0 .5rem}.settings-subtitle{font-size:1rem;color:rgb(var(--color-text-secondary));margin:0}.settings-error{text-align:center;padding:3rem;color:rgb(var(--color-text-secondary))}.settings-error h2{font-size:1.5rem;margin:0 0 1rem;color:rgb(var(--color-text-primary))}.settings-tabs{display:flex;background:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-surface))}.settings-tabs .tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;color:rgb(var(--color-text-secondary));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.settings-tabs .tab-button:hover:not(.active){color:rgb(var(--color-text-primary));background:rgb(var(--color-surface) / .5)}.settings-tabs .tab-button.active{color:rgb(var(--color-primary));border-bottom-color:rgb(var(--color-primary));background:rgb(var(--color-primary) / .05)}.settings-tabs .tab-button i{font-size:1rem}.settings-content{padding:2rem}.settings-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 .5rem}.section-description{font-size:1rem;color:rgb(var(--color-text-secondary));margin:0 0 2rem;line-height:1.5}.setting-group{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgb(var(--color-surface))}.setting-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-label{font-size:1.125rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 1rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.theme-card{position:relative;padding:1.5rem;border:2px solid rgb(var(--color-surface));border-radius:.75rem;cursor:pointer;transition:all .2s ease;background:rgb(var(--color-background))}.theme-card:hover{border-color:rgb(var(--color-primary) / .3);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.theme-card.active{border-color:rgb(var(--color-primary));background:rgb(var(--color-primary) / .05)}.theme-preview{display:flex;gap:.5rem;margin-bottom:1rem}.preview-color{width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.1)}.theme-info{margin-bottom:1rem}.theme-name{font-size:1rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 .25rem}.theme-description{font-size:.875rem;color:rgb(var(--color-text-secondary));margin:0}.theme-check{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;background:rgb(var(--color-primary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.language-selector{max-width:200px}.language-select{width:100%;padding:.75rem 1rem;border:1.5px solid rgb(var(--color-surface));border-radius:.5rem;background:rgb(var(--color-background));color:rgb(var(--color-text-primary));font-size:1rem;cursor:pointer;transition:all .2s ease}.language-select:focus{outline:none;border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary) / .1)}.setting-options{display:flex;flex-direction:column;gap:1rem}.setting-option{display:flex;align-items:center;cursor:pointer;font-size:1rem;color:rgb(var(--color-text-primary))}.setting-option input[type=checkbox]{display:none}.checkmark{width:1.25rem;height:1.25rem;border:2px solid rgb(var(--color-surface));border-radius:.25rem;margin-right:.75rem;position:relative;transition:all .2s ease;flex-shrink:0}.setting-option input[type=checkbox]:checked+.checkmark{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary))}.setting-option input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:600}.option-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.4}.profile-form{background:rgb(var(--color-surface) / .3);border-radius:.75rem;padding:1.5rem}@media (max-width: 768px){.user-settings-page{padding:1rem}.settings-header{padding:1.5rem}.settings-title{font-size:1.75rem}.settings-tabs{overflow-x:auto;white-space:nowrap}.settings-tabs .tab-button{padding:.75rem 1rem;font-size:.8rem}.settings-content{padding:1.5rem}.theme-grid{grid-template-columns:1fr}.theme-card{padding:1rem}}@media (max-width: 480px){.user-settings-page{padding:.5rem}.settings-container{border-radius:.5rem}.settings-header{padding:1rem}.settings-title{font-size:1.5rem}.settings-content{padding:1rem}.section-title{font-size:1.25rem}}.auth-demo-page{width:100%;min-height:100vh;background:rgb(var(--color-surface) / .3);padding:2rem}.demo-container{max-width:1400px;margin:0 auto}.demo-nav{background:rgb(var(--color-background));border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.demo-title{font-size:2rem;font-weight:700;color:rgb(var(--color-text-primary));margin:0 0 1.5rem;text-align:center}.demo-tabs{display:flex;justify-content:center;gap:1rem}.demo-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid rgb(var(--color-surface));border-radius:.75rem;color:rgb(var(--color-text-secondary));font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.demo-tab:hover:not(:disabled){border-color:rgb(var(--color-primary) / .3);color:rgb(var(--color-text-primary));transform:translateY(-2px)}.demo-tab.active{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary));color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(var(--color-primary) / .3)}.demo-tab:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-tab i{font-size:1.125rem}.demo-content{background:rgb(var(--color-background));border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000000d}.demo-section{padding:2rem}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:1.75rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 .5rem}.section-header p{font-size:1rem;color:rgb(var(--color-text-secondary));margin:0}.auth-demo-container{max-width:1200px;margin:0 auto;border-radius:1rem;overflow:hidden;box-shadow:0 8px 25px #0000001a}.demo-auth-layout{height:600px}.demo-placeholder{text-align:center;padding:4rem 2rem;color:rgb(var(--color-text-secondary))}.demo-placeholder i{font-size:4rem;margin-bottom:1rem;color:rgb(var(--color-text-secondary) / .5)}.demo-placeholder h3{font-size:1.5rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 .5rem}.demo-placeholder p{font-size:1rem;margin:0 0 2rem}.demo-button{padding:.75rem 1.5rem;background:rgb(var(--color-primary));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.demo-button:hover{background:rgb(var(--color-primary) / .9);transform:translateY(-1px);box-shadow:0 4px 12px rgb(var(--color-primary) / .3)}.password-demo-container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.password-input-demo{background:rgb(var(--color-surface) / .3);border-radius:1rem;padding:2rem;border:1px solid rgb(var(--color-surface))}.password-examples{text-align:center}.password-examples h3{font-size:1.25rem;font-weight:600;color:rgb(var(--color-text-primary));margin:0 0 1rem}.example-buttons{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto}.example-button{padding:.75rem 1rem;border:2px solid;border-radius:.5rem;background:transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.example-button.weak{border-color:rgb(var(--color-error));color:rgb(var(--color-error))}.example-button.weak:hover{background:rgb(var(--color-error) / .1)}.example-button.medium{border-color:rgb(var(--color-warning));color:rgb(var(--color-warning))}.example-button.medium:hover{background:rgb(var(--color-warning) / .1)}.example-button.strong{border-color:rgb(var(--color-success));color:rgb(var(--color-success))}.example-button.strong:hover{background:rgb(var(--color-success) / .1)}.demo-settings{max-width:800px;margin:0 auto;padding:0}@media (max-width: 768px){.auth-demo-page{padding:1rem}.demo-nav{padding:1.5rem}.demo-title{font-size:1.5rem}.demo-tabs{flex-direction:column;align-items:center}.demo-tab{width:100%;max-width:200px;justify-content:center}.demo-section{padding:1.5rem}.demo-auth-layout{height:auto}.password-demo-container{gap:1.5rem}.password-input-demo{padding:1.5rem}.example-buttons{max-width:100%}}@media (max-width: 480px){.auth-demo-page{padding:.5rem}.demo-nav{padding:1rem}.demo-title{font-size:1.25rem}.demo-section{padding:1rem}.section-header h2{font-size:1.5rem}.password-input-demo{padding:1rem}}@media (forced-colors: active){.highlight-card{background:ButtonFace!important;border:1px solid ButtonText!important;color:ButtonText!important}.highlight-icon{background:ButtonFace!important;border:1px solid ButtonText!important}.highlight-svg,.highlight-content h3,.highlight-content p{color:ButtonText!important}.brand-stats{background:ButtonFace!important;border:1px solid ButtonText!important}.stat-number{color:ButtonText!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important}.stat-label{color:ButtonText!important}.highlight-card{animation:none!important;transition:none!important}.highlight-card:hover{transform:none!important;background:SelectedItem!important;color:SelectedItemText!important}}@media (prefers-reduced-motion: reduce){.highlight-card{animation:none!important;transition:none!important}.highlight-svg{transition:none!important}.highlight-card:hover .highlight-svg{transform:none!important}.highlight-svg animate{animation-play-state:paused!important}}@supports (-ms-ime-align: auto){.highlight-card{animation:highlight-card-entrance-edge .6s ease-out both!important;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.highlight-svg{transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}.highlight-svg animate{display:none}}@keyframes highlight-card-entrance-edge{0%{opacity:0;transform:translateZ(0) translate(-10px)}to{opacity:1;transform:translateZ(0) translate(0)}}.highlight-card{transform:translateZ(0);backface-visibility:hidden}.highlight-svg{shape-rendering:optimizeSpeed;image-rendering:optimizeSpeed}@supports (-ms-ime-align: auto){.highlight-svg animate,.stat-svg animate,.highlight-svg animateTransform,.stat-svg animateTransform{display:none!important}.highlight-svg circle[opacity="0.6"],.stat-svg circle[opacity="0.3"]{animation:edge-safe-pulse 2s ease-in-out infinite!important}.highlight-svg g[transformOrigin]{animation:edge-safe-rotate 6s linear infinite!important}}@keyframes edge-safe-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes edge-safe-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (forced-colors: active){.highlight-svg *,.stat-svg *{animation:none!important;transition:none!important}.highlight-svg defs,.stat-svg defs{display:none!important}}