.authorize-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted)))}.authorize-page__container{width:100%;max-width:420px;text-align:center}.authorize-page__header{margin-bottom:2rem}.authorize-page__logo{width:48px;height:48px;color:hsl(var(--primary));margin-bottom:1rem}.authorize-page__title{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground))}.authorize-page__spinner{width:32px;height:32px;color:hsl(var(--primary));animation:spin 1s linear infinite;margin-bottom:1rem}.authorize-page__card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:2rem;text-align:left}.authorize-page__user,.authorize-page__app{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:hsl(var(--muted)/.5);border-radius:var(--radius);margin-bottom:1rem}.authorize-page__user-icon{width:24px;height:24px;color:hsl(var(--success, 142 76% 36%));flex-shrink:0;margin-top:2px}.authorize-page__user-label,.authorize-page__app-label{font-size:.75rem;color:hsl(var(--muted-foreground));margin-bottom:.25rem}.authorize-page__user-name,.authorize-page__app-name{font-weight:600;color:hsl(var(--foreground))}.authorize-page__app-icon{width:24px;height:24px;color:hsl(var(--primary));flex-shrink:0;margin-top:2px}.authorize-page__app-host{font-size:.875rem;color:hsl(var(--muted-foreground));font-family:monospace}.authorize-page__description{font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem;line-height:1.5}.authorize-page__actions{display:flex;flex-direction:column;gap:.75rem}.authorize-page__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.authorize-page__btn--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.authorize-page__btn--primary:hover{background:hsl(var(--primary)/.9)}.authorize-page__footer{margin-top:1.5rem;font-size:.875rem;color:hsl(var(--muted-foreground))}.authorize-page__footer a{color:hsl(var(--primary));text-decoration:none}.authorize-page__footer a:hover{text-decoration:underline}.twofactor{width:100%}.twofactor__loading{display:flex;justify-content:center;align-items:center;padding:3rem;color:hsl(var(--muted-foreground))}.twofactor__status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.twofactor__status-grid{grid-template-columns:1fr}}.twofactor__status-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:hsl(var(--muted)/.5);border-radius:.5rem}.twofactor__status-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:hsl(var(--background));border-radius:.5rem;color:hsl(var(--muted-foreground));flex-shrink:0}.twofactor__status-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.twofactor__status-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.twofactor__tabs{display:flex;gap:.25rem;padding:.25rem;background-color:hsl(var(--muted));border-radius:.5rem;margin-top:1.5rem}@media (max-width: 480px){.twofactor__tabs{flex-direction:column}}.twofactor__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.twofactor__tab:hover{color:hsl(var(--foreground))}.twofactor__tab--active{background-color:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 2px #0000000d}.twofactor__card-description{margin-bottom:1rem;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5}.twofactor__setup{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.twofactor__qr{display:flex;justify-content:center;padding:1.5rem;background-color:#fff;border-radius:.75rem;border:1px solid hsl(var(--border))}.twofactor__qr img{max-width:200px;height:auto}.twofactor__secret{display:flex;flex-direction:column;gap:.5rem}.twofactor__secret>span{font-size:.875rem;color:hsl(var(--muted-foreground))}.twofactor__secret-value{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:hsl(var(--muted));border-radius:.5rem}.twofactor__secret-value code{flex:1;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.875rem;word-break:break-all}.twofactor__secret-value button{display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:none;border-radius:.25rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .15s ease;flex-shrink:0}.twofactor__secret-value button:hover{background-color:hsl(var(--background));color:hsl(var(--foreground))}.twofactor__enabled{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.twofactor__webauthn-add{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:hsl(var(--muted)/.5);border-radius:.5rem;margin-bottom:1.5rem}@media (max-width: 480px){.twofactor__webauthn-add{padding:.75rem}}.twofactor__credentials{margin-top:1.5rem}.twofactor__credentials h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:hsl(var(--foreground))}.twofactor__credentials-list{display:flex;flex-direction:column;gap:.5rem}.twofactor__credential{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background-color:hsl(var(--muted)/.5);border-radius:.5rem;border:1px solid hsl(var(--border))}@media (max-width: 480px){.twofactor__credential{flex-direction:column;align-items:flex-start;gap:.75rem}}.twofactor__credential-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.twofactor__credential-info>svg{color:hsl(var(--muted-foreground));flex-shrink:0}.twofactor__credential-info>div{display:flex;flex-direction:column;gap:.125rem;min-width:0}.twofactor__credential-name{font-weight:500;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twofactor__credential-meta{font-size:.75rem;color:hsl(var(--muted-foreground))}.twofactor__backup-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}@media (max-width: 480px){.twofactor__backup-actions{flex-direction:column}.twofactor__backup-actions button{width:100%}}.twofactor__backup-codes{display:flex;flex-direction:column;gap:1.5rem}.twofactor__backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 480px){.twofactor__backup-codes-grid{grid-template-columns:1fr}}.twofactor__backup-code{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:hsl(var(--muted));border-radius:.5rem;border:1px solid hsl(var(--border))}.twofactor__backup-code code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.875rem;font-weight:500}.twofactor__backup-code button{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:.25rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .15s ease}.twofactor__backup-code button:hover{color:hsl(var(--foreground))}.twofactor__verify{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}@media (max-width: 480px){.twofactor__verify button{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}:root{--font-sans: Inter, system-ui, sans-serif;--font-mono: JetBrains Mono, monospace;--radius: .375rem;--background: 220 15 93;--foreground: 220 15 15;--card: 0 0 100;--card-foreground: 220 15 15;--popover: 0 0 100;--popover-foreground: 220 15 15;--primary: 213 85 55;--primary-foreground: 0 0 100;--primary-glow: 213 85 65;--primary-hover: 213 85 65;--secondary: 220 15 90;--secondary-foreground: 220 15 15;--muted: 220 15 88;--muted-foreground: 220 15 40;--accent: 35 85 50;--accent-foreground: 0 0 100;--accent-glow: 35 85 60;--accent-hover: 35 85 60;--destructive: 0 70 50;--destructive-foreground: 0 0 100;--success: 142 85 45;--success-foreground: 0 0 100;--warning: 45 85 50;--warning-foreground: 0 0 100;--info: 213 85 55;--info-foreground: 0 0 100;--border: 220 15 85;--input: 220 15 94;--ring: 213 85 55;--sidebar-background: 220 15 95;--sidebar-foreground: 220 15 15;--sidebar-primary: 213 85 55;--sidebar-primary-foreground: 0 0 100;--sidebar-accent: 220 15 90;--sidebar-accent-foreground: 220 15 15;--sidebar-border: 220 15 88;--sidebar-ring: 213 85 55}.dark{--background: 220 15 12;--foreground: 210 30 95;--card: 220 15 18;--card-foreground: 210 30 95;--popover: 220 15 16;--popover-foreground: 210 30 95;--primary: 213 85 60;--primary-foreground: 220 15 12;--primary-glow: 213 85 70;--primary-hover: 213 85 70;--secondary: 220 15 20;--secondary-foreground: 210 30 95;--muted: 220 15 22;--muted-foreground: 215 20 75;--accent: 35 85 55;--accent-foreground: 220 15 12;--accent-glow: 35 85 65;--accent-hover: 35 85 65;--destructive: 0 70 55;--destructive-foreground: 210 30 95;--success: 142 85 50;--success-foreground: 220 15 12;--warning: 45 85 55;--warning-foreground: 220 15 12;--info: 213 85 60;--info-foreground: 220 15 12;--border: 220 15 28;--input: 220 15 24;--ring: 213 85 60;--sidebar-background: 220 15 14;--sidebar-foreground: 210 30 95;--sidebar-primary: 213 85 60;--sidebar-primary-foreground: 220 15 12;--sidebar-accent: 220 15 20;--sidebar-accent-foreground: 210 30 95;--sidebar-border: 220 15 24;--sidebar-ring: 213 85 60}:root,.dark{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.cards-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}:root{--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}@media (min-width: 768px){:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-foreground{color:hsl(var(--foreground))}.text-muted{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-destructive{color:hsl(var(--destructive))}.text-success{color:hsl(var(--success))}.text-warning{color:hsl(var(--warning))}h1,.h1{font-size:var(--font-size-3xl);font-weight:700;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0}@media (min-width: 768px){h1,.h1{font-size:var(--font-size-4xl)}}h2,.h2{font-size:var(--font-size-2xl);font-weight:600;line-height:var(--line-height-tight);margin:0}@media (min-width: 768px){h2,.h2{font-size:var(--font-size-3xl)}}h3,.h3{font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-tight);margin:0}@media (min-width: 768px){h3,.h3{font-size:var(--font-size-2xl)}}h4,.h4{font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-normal);margin:0}@media (min-width: 768px){h4,.h4{font-size:var(--font-size-xl)}}h5,.h5,h6,.h6{font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-normal);margin:0}p,.text-body{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}small,.text-small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}code,pre,.text-mono{font-family:var(--font-mono);font-size:.9em}.text-description{font-size:var(--font-size-sm);color:hsl(var(--muted-foreground));line-height:var(--line-height-normal)}.button{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--radius);font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;outline:none;font-family:inherit;text-decoration:none;box-sizing:border-box}.button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.button:disabled{pointer-events:none;opacity:.5}.button--default{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button--default:hover{background-color:hsl(var(--primary-hover))}.button--destructive{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.button--destructive:hover{opacity:.9}.button--outline{border:1px solid hsl(var(--border));background-color:transparent;color:hsl(var(--foreground))}.button--outline:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.button--secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.button--secondary:hover{opacity:.8}.button--ghost{background-color:transparent;color:hsl(var(--foreground))}.button--ghost:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.button--link{background-color:transparent;color:hsl(var(--primary));text-decoration:underline}.button--link:hover{text-decoration:none}.button--default-size{height:2.5rem;padding:.5rem 1rem;font-size:.875rem}.button--sm{height:2.25rem;padding:.25rem .75rem;font-size:.875rem;border-radius:calc(var(--radius) - 2px)}.button--lg{height:2.75rem;padding:.5rem 2rem;font-size:1rem;border-radius:calc(var(--radius) + 2px)}.button--icon{height:2.5rem;width:2.5rem;padding:0}.card{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:calc(var(--radius) + 4px);border:1px solid hsl(var(--border));box-shadow:0 1px 3px hsl(var(--foreground)/.04),0 4px 6px -1px hsl(var(--foreground)/.02);transition:box-shadow .2s ease,border-color .2s ease}.card--hoverable{cursor:pointer}.card--hoverable:hover{box-shadow:0 4px 12px hsl(var(--foreground)/.08),0 8px 16px -4px hsl(var(--foreground)/.04);border-color:hsl(var(--border))}.card__header{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.card__title{font-size:1.25rem;font-weight:600;line-height:1.3;margin:0;color:hsl(var(--foreground))}.card__description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.5}.card__content{padding:1.5rem;padding-top:0}.card__footer{display:flex;align-items:center;padding:1.5rem;padding-top:0;gap:.75rem}.ui-input{display:flex;height:2.75rem;width:100%;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--background));padding:.5rem .875rem;font-size:.9375rem;color:hsl(var(--foreground));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ui-input::placeholder{color:hsl(var(--muted-foreground))}.ui-input:hover:not(:disabled){border-color:hsl(var(--muted-foreground)/.5)}.ui-input:focus,.ui-input:focus-visible{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.ui-input:disabled{cursor:not-allowed;opacity:.5;background-color:hsl(var(--muted))}.ui-input--with-icon{padding-left:2.75rem}.ui-input--with-action{padding-right:2.75rem}@media (min-width: 768px){.ui-input{font-size:.875rem}}.ui-label{font-size:.875rem;font-weight:500;line-height:1;color:hsl(var(--foreground))}.ui-label:has(+input:disabled),.ui-label:has(+textarea:disabled),.ui-label:has(+select:disabled){cursor:not-allowed;opacity:.7}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-field__label{font-size:.8125rem;font-weight:500}.form-field__input-wrapper{position:relative;display:flex;align-items:center}.form-field__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));pointer-events:none;transition:color .2s ease}.form-field__icon--left{left:.75rem}.form-field__icon svg{width:1rem;height:1rem}.form-field__input-wrapper:focus-within .form-field__icon{color:hsl(var(--primary))}.form-field__action{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center}.form-field__action button{display:flex;align-items:center;justify-content:center;padding:.375rem;background:none;border:none;border-radius:var(--radius);color:hsl(var(--muted-foreground));cursor:pointer;transition:color .2s ease,background-color .2s ease}.form-field__action button:hover{color:hsl(var(--foreground));background-color:hsl(var(--muted)/.5)}.form-field__action button:focus{outline:none;color:hsl(var(--primary))}.form-field__action button svg{width:1.125rem;height:1.125rem}.form-field__helper{margin-top:.25rem}.form-field__error{font-size:.8125rem;color:hsl(var(--destructive));margin:0}.form-field__input--error{border-color:hsl(var(--destructive))}.form-field__input--error:focus{border-color:hsl(var(--destructive));box-shadow:0 0 0 3px hsl(var(--destructive)/.1)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius);font-size:.875rem;line-height:1.5;animation:alert-enter .3s ease-out}.alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.0625rem}.alert__icon svg{width:1rem;height:1rem}.alert__content{flex:1;min-width:0}.alert__title{font-weight:600;margin:0 0 .25rem;font-size:.875rem}.alert__description{margin:0;opacity:.9}.alert--default{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.alert--destructive{background-color:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.3);color:hsl(var(--destructive))}.alert--destructive .alert__icon{color:hsl(var(--destructive))}.alert--success{background-color:hsl(var(--success)/.1);border:1px solid hsl(var(--success)/.3);color:hsl(var(--success))}.alert--success .alert__icon{color:hsl(var(--success))}.alert--warning{background-color:hsl(var(--warning)/.1);border:1px solid hsl(var(--warning)/.3);color:hsl(var(--warning))}.alert--warning .alert__icon{color:hsl(var(--warning))}@keyframes alert-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert--shake{animation:alert-shake .4s ease-in-out}@keyframes alert-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.password-strength{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-top:.25rem}.password-strength__bar{flex:1;height:4px;background-color:hsl(var(--border));border-radius:9999px;overflow:hidden}.password-strength__fill{height:100%;border-radius:9999px;transition:width .3s ease,background-color .3s ease}.password-strength__fill--weak{background-color:hsl(var(--destructive))}.password-strength__fill--medium{background-color:hsl(var(--warning))}.password-strength__fill--strong{background-color:hsl(var(--success))}.password-strength__label{font-weight:500;transition:color .3s ease}.password-strength__label--weak{color:hsl(var(--destructive))}.password-strength__label--medium{color:hsl(var(--warning))}.password-strength__label--strong{color:hsl(var(--success))}.ui-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#00000080}.ui-dialog__overlay[data-state=open]{animation:fadeIn .1s ease-out}.ui-dialog__content{position:fixed;left:50%;top:50%;z-index:1050;display:grid;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 4rem);overflow-y:auto;transform:translate(-50%,-50%);gap:1rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 2px);background-color:hsl(var(--background));padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.ui-dialog__content[data-state=open]{animation:dialogOpen .15s ease-out}.ui-dialog__actions{position:absolute;right:1rem;top:1rem;display:flex;gap:.5rem;align-items:center}.ui-dialog__close{border-radius:calc(var(--radius) - 2px);padding:.375rem;opacity:.7;transition:all .15s;background:transparent;border:none;cursor:pointer}.ui-dialog__close:hover{opacity:1;background-color:hsl(var(--accent))}.ui-dialog__close .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}.ui-dialog__header{display:flex;flex-direction:column;gap:.375rem;text-align:left}.ui-dialog__footer{display:flex;flex-direction:column-reverse;gap:.5rem}@media (min-width: 640px){.ui-dialog__footer{flex-direction:row;justify-content:flex-end}}.ui-dialog__title{font-size:1.125rem;font-weight:600;line-height:1;margin:0;color:hsl(var(--foreground))}.ui-dialog__description{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes dialogOpen{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialogClose{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}.ui-popover__content{position:fixed;z-index:1060;min-width:8rem;max-width:20rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--card));padding:1rem;color:hsl(var(--card-foreground));box-shadow:0 4px 6px -1px #0000001a;outline:none;will-change:transform,opacity}.ui-popover__content[data-state=open]{animation:popoverIn .12s cubic-bezier(.16,1,.3,1)}.ui-popover__content[data-state=closed]{animation:popoverOut .1s ease-in}.ui-popover__content--start{transform-origin:top left}.ui-popover__content--center{transform-origin:top center}.ui-popover__content--end{transform-origin:top right}@keyframes popoverIn{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popoverOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.ui-dropdown-menu__content{z-index:1060;min-width:8rem;overflow:hidden;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--card));padding:.25rem;color:hsl(var(--card-foreground));box-shadow:0 4px 6px -1px #0000001a;animation:dropdownIn .15s ease-out}.ui-dropdown-menu__item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;border-radius:calc(var(--radius) - 2px);padding:.375rem .5rem;font-size:.875rem;outline:none;transition:background-color .15s}.ui-dropdown-menu__item:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.ui-dropdown-menu__item:focus{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.ui-dropdown-menu__item--inset{padding-left:2rem}.ui-dropdown-menu__label{padding:.375rem .5rem;font-size:.875rem;font-weight:600}.ui-dropdown-menu__label--inset{padding-left:2rem}.ui-dropdown-menu__separator{margin:.25rem 0;height:1px;background-color:hsl(var(--muted))}.ui-dropdown-menu__shortcut{margin-left:auto;font-size:.75rem;letter-spacing:.1em;opacity:.6}@keyframes dropdownIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#e0e7ff;color:#3b82f6;font-weight:600;overflow:hidden;object-fit:cover;transition:all .2s}.avatar--sm{width:32px;height:32px;font-size:.75rem}.avatar--md{width:40px;height:40px;font-size:.875rem}.avatar--lg{width:56px;height:56px;font-size:1rem}.avatar--xl{width:72px;height:72px;font-size:1.25rem}.avatar--initials{-webkit-user-select:none;user-select:none}[data-theme=dark] .avatar{background-color:#312e81;color:#a5b4fc}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-weight:500;white-space:nowrap;transition:all .2s}.badge__icon{display:inline-flex;align-items:center}.badge__content{display:inline}.badge--sm{font-size:.75rem;padding:.125rem .5rem}.badge--md{font-size:.875rem}.badge--lg{font-size:1rem;padding:.375rem 1rem}.badge--default{background-color:#e5e7eb;color:#374151}.badge--primary{background-color:#dbeafe;color:#1e40af}.badge--secondary{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.badge--success{background-color:#d1fae5;color:#065f46}.badge--warning{background-color:#fef3c7;color:#92400e}.badge--danger{background-color:#fee2e2;color:#991b1b}.badge--info{background-color:#e0e7ff;color:#3730a3}.badge--outline{background-color:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}[data-theme=dark] .badge--default{background-color:#4b5563;color:#e5e7eb}[data-theme=dark] .badge--primary{background-color:#1e3a8a;color:#93c5fd}[data-theme=dark] .badge--secondary{background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}[data-theme=dark] .badge--success{background-color:#064e3b;color:#a7f3d0}[data-theme=dark] .badge--warning{background-color:#78350f;color:#fcd34d}[data-theme=dark] .badge--danger{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .badge--info{background-color:#3730a3;color:#c7d2fe}[data-theme=dark] .badge--outline{background-color:transparent;border-color:hsl(var(--border));color:hsl(var(--foreground))}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton--circle{border-radius:50%}.skeleton--text{height:1em;margin-bottom:.5rem}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-loader{display:flex;flex-direction:column;gap:1rem}.skeleton-loader--list .skeleton-loader__item{display:flex;gap:1rem;align-items:flex-start}.skeleton-loader--list .skeleton-loader__text{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-loader--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.skeleton-loader--card{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.skeleton-loader__item{display:flex;gap:1rem}.skeleton-loader__card{border-radius:8px;overflow:hidden}.skeleton-loader__text{flex:1;display:flex;flex-direction:column;gap:.5rem}.table-container{position:relative;width:100%;overflow:auto}.table{width:100%;caption-side:bottom;font-size:.875rem;line-height:1.25rem;border-collapse:collapse}.table--striped .table__body .table__row:nth-child(2n){background-color:hsl(var(--muted)/.3)}.table--hoverable .table__body .table__row:hover{background-color:hsl(var(--muted)/.5)}.table__header .table__row{border-bottom:1px solid hsl(var(--border))}.table__body .table__row:last-child{border-bottom:0}.table__footer{border-top:1px solid hsl(var(--border));background-color:hsl(var(--muted)/.5);font-weight:500}.table__footer>.table__row:last-child{border-bottom:0}.table__row{border-bottom:1px solid hsl(var(--border));transition:background-color .15s}.table__row[data-state=selected]{background-color:hsl(var(--muted))}.table__row--clickable{cursor:pointer}.table__head{height:3rem;padding:0 1rem;text-align:left;vertical-align:middle;font-weight:500;color:hsl(var(--muted-foreground))}.table__head:has([role=checkbox]){padding-right:0}.table__cell{padding:1rem;vertical-align:middle}.table__cell:has([role=checkbox]){padding-right:0}.table__caption{margin-top:1rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:300px}.empty-state__icon{margin-bottom:1rem;font-size:3rem;opacity:.5;transition:all .2s}[data-theme=dark] .empty-state__icon{opacity:.6}.empty-state__title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}[data-theme=dark] .empty-state__title{color:#f3f4f6}.empty-state__description{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem;max-width:400px}[data-theme=dark] .empty-state__description{color:#9ca3af}.empty-state__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.empty-state__action{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.empty-state__action--primary{background-color:#3b82f6;color:#fff}.empty-state__action--primary:hover{background-color:#2563eb}.empty-state__action--secondary{background-color:#e5e7eb;color:#1f2937;border:1px solid #d1d5db}.empty-state__action--secondary:hover{background-color:#d1d5db}[data-theme=dark] .empty-state__action--secondary{background-color:#374151;color:#f3f4f6;border-color:#4b5563}[data-theme=dark] .empty-state__action--secondary:hover{background-color:#4b5563}.tabs{display:flex;flex-direction:column;width:100%}.tabs__header{display:flex;border-bottom:2px solid #e5e7eb;gap:0}[data-theme=dark] .tabs__header{border-color:#444}.tabs__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-weight:500;font-size:.875rem;color:#6b7280;transition:all .2s;position:relative}.tabs__tab:hover:not(:disabled){color:#374151}.tabs__tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.tabs__tab--disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .tabs__tab{color:#9ca3af}[data-theme=dark] .tabs__tab:hover:not(:disabled){color:#d1d5db}.tabs__tab-icon{display:inline-flex;align-items:center}.tabs__tab-label{display:inline}.tabs__content{padding:1.5rem 0;animation:fade-in .2s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.standard-table{width:100%;display:flex;flex-direction:column;gap:1rem}.standard-table__loading{border:1px solid hsl(var(--border));border-radius:.5rem;padding:3rem;text-align:center}.standard-table__loading-text{color:hsl(var(--muted-foreground));font-size:.875rem}.standard-table__search{display:flex;align-items:center;gap:.5rem}.standard-table__search-wrapper{position:relative;flex:1;max-width:24rem}.standard-table__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));display:flex;align-items:center;justify-content:center}.standard-table__search-input{padding-left:2.5rem!important}.standard-table__container{border:1px solid hsl(var(--border));border-radius:.5rem;overflow:hidden}.standard-table__head--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.standard-table__head--sortable:hover{background-color:hsl(var(--muted)/.5)}.standard-table__head-content{display:flex;align-items:center;gap:.5rem}.standard-table__sort-icons{display:flex;flex-direction:column;gap:-.25rem}.standard-table__sort-icon{color:hsl(var(--muted-foreground)/.5);line-height:0;transition:color .15s ease}.standard-table__sort-icon--down{margin-top:-.25rem}.standard-table__sort-icon--active{color:hsl(var(--primary))}.standard-table__empty{text-align:center;padding:3rem 1rem;color:hsl(var(--muted-foreground))}.standard-table__row{transition:background-color .15s ease}.standard-table__row--clickable{cursor:pointer}.standard-table__row--clickable:hover{background-color:hsl(var(--muted)/.5)}@media (max-width: 768px){.standard-table__container{overflow-x:auto}.standard-table__search-wrapper{max-width:100%}}.app-topbar{position:sticky;top:0;z-index:50;height:3.5rem;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--background)/.95)}.app-topbar__container{display:flex;align-items:center;justify-content:space-between;height:100%;padding-inline:1rem;max-width:100%}.app-topbar__left{display:flex;align-items:center;gap:1rem}.app-topbar__right{display:flex;align-items:center;gap:.75rem}.app-topbar__mobile-toggle{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:.375rem;background:transparent;color:hsl(var(--foreground));cursor:pointer;transition:background-color .15s}.app-topbar__mobile-toggle:hover{background-color:hsl(var(--muted))}@media (max-width: 768px){.app-topbar__mobile-toggle{display:flex}}.app-topbar__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:hsl(var(--foreground));transition:opacity .15s}.app-topbar__logo:hover{opacity:.8}.app-topbar__logo img,.app-topbar__logo svg{height:2rem;width:2rem;object-fit:contain}.app-topbar__logo-text{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground))}@media (max-width: 480px){.app-topbar__logo-text{display:none}}.app-topbar__icon-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:.5rem;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .15s ease}.app-topbar__icon-btn:hover{background-color:hsl(var(--muted));color:hsl(var(--foreground))}.app-topbar__icon-btn:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.app-topbar__icon-btn svg{width:1.25rem;height:1.25rem}.app-topbar__badge{position:absolute;top:-.125rem;right:-.125rem;display:flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.625rem;font-weight:600;color:hsl(var(--primary-foreground));background-color:hsl(var(--primary));border-radius:9999px}.app-sidebar{display:flex;flex-direction:column;height:calc(100vh - 3.5rem);background-color:hsl(var(--background));border-right:1px solid hsl(var(--border));position:fixed;top:3.5rem;left:0;z-index:40}@media (max-width: 768px){.app-sidebar--desktop{display:none}}.app-sidebar--mobile{display:none;width:16rem;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.app-sidebar--mobile{display:flex}}.app-sidebar--mobile.app-sidebar--open{transform:translate(0)}.app-sidebar__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;top:3.5rem;background-color:#00000080;z-index:35}@media (max-width: 768px){.app-sidebar__overlay{display:block}}.app-sidebar__header{padding:1rem;border-bottom:1px solid hsl(var(--border))}.app-sidebar__title{font-size:1rem;font-weight:600;margin:0;color:hsl(var(--foreground))}.app-sidebar__content{flex:1;padding:.5rem;overflow-y:auto;overflow-x:hidden}.app-sidebar__content::-webkit-scrollbar{width:.375rem}.app-sidebar__content::-webkit-scrollbar-track{background-color:transparent}.app-sidebar__content::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:.375rem}.app-sidebar__content::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground))}.app-sidebar__footer{padding:1rem;border-top:1px solid hsl(var(--border))}.app-sidebar__section{margin-bottom:1rem}.app-sidebar__section-title{padding:.5rem .75rem .25rem;font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin:0}.app-sidebar__section-items{display:flex;flex-direction:column;gap:.125rem}.app-sidebar__item{margin-bottom:.125rem}.app-sidebar__nav-button,.app-sidebar__nav-link{display:flex;align-items:center;width:100%;height:2.25rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));text-decoration:none;border:none;background:transparent;cursor:pointer;transition:all .15s;position:relative}.app-sidebar__nav-button:before,.app-sidebar__nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:hsl(var(--primary));border-radius:0 2px 2px 0;transition:height .15s}.app-sidebar__nav-button:hover,.app-sidebar__nav-link:hover{background-color:hsl(var(--muted)/.5);color:hsl(var(--foreground))}.app-sidebar__nav-button:hover:before,.app-sidebar__nav-link:hover:before{height:50%}.app-sidebar__nav-button--active,.app-sidebar__nav-link--active{background-color:hsl(var(--muted));color:hsl(var(--foreground));font-weight:600}.app-sidebar__nav-button--active:before,.app-sidebar__nav-link--active:before{height:100%}.app-sidebar__nav-button--child,.app-sidebar__nav-link--child{margin-left:1rem;font-size:.8125rem}.app-sidebar__nav-button{justify-content:space-between}.app-sidebar__item-content{display:flex;align-items:center;gap:.625rem;flex:1}.app-sidebar__item-icon{width:1rem;height:1rem;flex-shrink:0}.app-sidebar__chevron{width:1rem;height:1rem;transition:transform .15s}.app-sidebar__chevron--expanded{transform:rotate(90deg)}.app-sidebar__children{margin-top:.25rem;display:flex;flex-direction:column;gap:.125rem}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-layout__body{flex:1;display:flex;position:relative}.app-layout__main{flex:1;min-height:calc(100vh - 3.5rem);padding:1.5rem;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.app-layout__main{margin-left:0!important}}.app-topbar__user{position:relative}.app-topbar__user-trigger{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid hsl(var(--border));border-radius:.5rem;background:transparent;color:hsl(var(--foreground));cursor:pointer;transition:all .15s;font-size:.875rem}.app-topbar__user-trigger:hover{background-color:hsl(var(--muted))}.app-topbar__user-avatar{width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover}.app-topbar__user-avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6585e7,#8e22c3);color:#fff;font-weight:600;font-size:.75rem;-webkit-user-select:none;user-select:none}.app-topbar__user-name{font-weight:500}@media (max-width: 640px){.app-topbar__user-name{display:none}}.app-topbar__user-chevron{transition:transform .15s}.app-topbar__user-chevron--open{transform:rotate(180deg)}.app-topbar__user-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:14rem;border:1px solid hsl(var(--border));border-radius:.5rem;background:hsl(var(--background));box-shadow:0 10px 30px #00000026;z-index:100;overflow:hidden}.app-topbar__user-menu-header{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/.3)}.app-topbar__user-menu-name{display:block;font-weight:600;font-size:.875rem;color:hsl(var(--foreground))}.app-topbar__user-menu-email{display:block;font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.app-topbar__user-menu-items{padding:.5rem 0}.app-topbar__user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;border:none;background:transparent;color:hsl(var(--foreground));font-size:.875rem;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .15s}.app-topbar__user-menu-item:hover{background-color:hsl(var(--muted))}.app-topbar__user-menu-item--destructive{color:hsl(var(--destructive))}.app-topbar__user-menu-item--destructive:hover{background-color:hsl(var(--destructive)/.1)}.app-topbar__user-menu-icon{display:inline-flex;align-items:center;flex-shrink:0}.app-topbar__user-menu-divider{height:1px;margin:.5rem 0;background-color:hsl(var(--border))}.settings-layout{display:flex;min-height:100vh;background:hsl(var(--background))}.settings-sidebar{width:260px;background:hsl(var(--card));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;position:fixed;height:100vh;z-index:40}.settings-sidebar__header{padding:1rem;border-bottom:1px solid hsl(var(--border)/.5)}.settings-sidebar__back{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:hsl(var(--muted-foreground));cursor:pointer;font-size:.875rem;border-radius:.5rem;transition:all .2s ease;width:100%}.settings-sidebar__back:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.5)}.settings-sidebar__brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;font-weight:600;font-size:1rem;color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border)/.5)}.settings-sidebar__brand svg{color:hsl(var(--primary))}.settings-sidebar__nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.settings-sidebar__nav::-webkit-scrollbar{width:4px}.settings-sidebar__nav::-webkit-scrollbar-track{background:transparent}.settings-sidebar__nav::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.2);border-radius:4px}.settings-sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:.5rem;color:hsl(var(--muted-foreground));text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative}.settings-sidebar__link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:hsl(var(--primary));border-radius:0 4px 4px 0;transition:height .2s ease}.settings-sidebar__link:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.5)}.settings-sidebar__link:hover:before{height:50%}.settings-sidebar__link--active{color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.settings-sidebar__link--active:before{height:60%}.settings-sidebar__link--active:hover{background:hsl(var(--primary)/.15)}.settings-sidebar__footer{padding:1rem;border-top:1px solid hsl(var(--border)/.5)}.settings-main{flex:1;margin-left:260px;padding:2rem;min-height:100vh}.settings-main__container{width:100%;max-width:900px}.settings-page{width:100%}.settings-page__header{margin-bottom:2rem}.settings-page__title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .375rem}.settings-page__description{color:hsl(var(--muted-foreground));font-size:.9375rem;margin:0}.settings-page__card{width:100%;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.settings-page__card--danger{border-color:hsl(var(--destructive)/.3);background:hsl(var(--destructive)/.05)}.settings-page__card-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid hsl(var(--border)/.5)}.settings-form{display:flex;flex-direction:column;gap:1rem;width:100%}.settings-form__field{display:flex;flex-direction:column;gap:.375rem;width:100%}.settings-form__label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.settings-form__hint{font-size:.75rem;color:hsl(var(--muted-foreground))}.settings-form__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;flex-wrap:wrap}@media (max-width: 1024px){.settings-main{padding:1.5rem}}@media (max-width: 768px){.settings-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid hsl(var(--border))}.settings-sidebar__nav{flex-direction:row;overflow-x:auto;padding:.5rem;gap:.5rem;-ms-overflow-style:none;scrollbar-width:none}.settings-sidebar__nav::-webkit-scrollbar{display:none}.settings-sidebar__link{white-space:nowrap;padding:.5rem .75rem}.settings-sidebar__link:before{display:none}.settings-sidebar__brand{padding:1rem}.settings-sidebar__header{padding:.75rem}.settings-layout{flex-direction:column}.settings-main{margin-left:0;padding:1rem}.settings-page__header{margin-bottom:1.5rem}.settings-page__title{font-size:1.25rem}.settings-page__card{padding:1rem;margin-bottom:1rem}.settings-form__actions{flex-direction:column-reverse}.settings-form__actions button{width:100%}}.app-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;background:hsl(var(--background)/.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid hsl(var(--border)/.5);padding-block:.5rem;padding-inline:1.5rem;box-shadow:0 -2px 10px hsl(var(--foreground)/.03)}.app-footer__container{max-width:1400px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))}@media (max-width: 640px){.app-footer__container{flex-direction:column;gap:.25rem}}.app-footer__left,.app-footer__right{display:flex;align-items:center;gap:1rem;min-width:120px}@media (max-width: 640px){.app-footer__left,.app-footer__right{display:none}}.app-footer__right{justify-content:flex-end}.app-footer__center{text-align:center;flex:1}@media (max-width: 640px){.app-footer__center{order:-1}}.app-footer__link{display:inline-flex;align-items:center;gap:.25rem;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .15s ease}.app-footer__link:hover{color:hsl(var(--primary));text-decoration:underline}.app-footer__link svg{opacity:.7}.app-footer__version-button{font-size:var(--font-size-xs);opacity:.85;color:hsl(var(--muted-foreground));background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease}.app-footer__version-button:hover{opacity:1;color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.app-footer__copyright{opacity:.85}.changelog-dialog{max-width:700px!important;max-height:85vh}.changelog-dialog__title{display:flex;align-items:center;gap:.5rem}.changelog-dialog__description{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.changelog-dialog__current-version{margin-left:.5rem}.changelog-dialog__content{max-height:60vh;overflow-y:auto;padding-right:.5rem;margin-top:1rem}.changelog-dialog__loading,.changelog-dialog__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:hsl(var(--muted-foreground));gap:.75rem}.changelog-dialog__list{display:flex;flex-direction:column;gap:.75rem}.changelog-entry{border:1px solid hsl(var(--border))}.changelog-entry__header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem!important;transition:background .15s ease}.changelog-entry__header:hover{background:hsl(var(--muted)/.3)}.changelog-entry__header-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.changelog-entry__title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm)!important;margin:0!important}.changelog-entry__version{font-weight:600;color:hsl(var(--foreground))}.changelog-entry__type{font-size:var(--font-size-xs);font-weight:500}.changelog-entry__type--major{background:hsl(var(--destructive)/.1)!important;color:hsl(var(--destructive))!important}.changelog-entry__type--minor{background:hsl(var(--primary)/.1)!important;color:hsl(var(--primary))!important}.changelog-entry__type--patch{background:hsl(var(--success)/.1)!important;color:hsl(var(--success))!important}.changelog-entry__type--hotfix{background:#1975e61a!important;color:#1975e6!important}.changelog-entry__date{display:flex;align-items:center;gap:.25rem;font-size:var(--font-size-xs);color:hsl(var(--muted-foreground))}.changelog-entry__toggle{background:none;border:none;padding:.25rem;cursor:pointer;color:hsl(var(--muted-foreground));transition:color .15s ease}.changelog-entry__toggle:hover{color:hsl(var(--foreground))}.changelog-entry__content{padding-top:0!important;border-top:1px solid hsl(var(--border)/.5)}.changelog-entry__highlights{margin-bottom:1rem;padding:.75rem;background:hsl(var(--muted)/.3);border-radius:.375rem}.changelog-entry__highlights h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem}.changelog-entry__highlights ul{margin:0;padding-left:1.25rem;font-size:var(--font-size-sm);color:hsl(var(--muted-foreground))}.changelog-entry__highlights ul li{margin-bottom:.25rem}.changelog-entry__changes{display:flex;flex-direction:column;gap:.5rem}.changelog-change{display:flex;gap:.75rem;padding:.5rem;border-radius:.375rem;transition:background .15s ease}.changelog-change:hover{background:hsl(var(--muted)/.2)}.changelog-change__icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.changelog-change--feature .changelog-change__icon{background:#1975e61a;color:#1975e6}.changelog-change--bugfix .changelog-change__icon{background:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}.changelog-change--improvement .changelog-change__icon{background:hsl(var(--success)/.1);color:hsl(var(--success))}.changelog-change--security .changelog-change__icon{background:#f2b90d1a;color:#c2940a}.changelog-change--breaking .changelog-change__icon{background:#f26c0d1a;color:#da620b}.changelog-change__content{flex:1;min-width:0}.changelog-change__header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.changelog-change__category{font-size:.65rem;padding:.125rem .375rem}.changelog-change__title{font-size:var(--font-size-sm);font-weight:500;color:hsl(var(--foreground))}.changelog-change__description{margin-top:.25rem;font-size:var(--font-size-xs);color:hsl(var(--muted-foreground));line-height:1.4}.portal-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.portal-card--interactive{cursor:pointer}.portal-card--interactive:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.portal-card__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.portal-card__icon{font-size:1.5rem;opacity:.7;flex-shrink:0}.portal-card__title{font-size:1.125rem;font-weight:600;color:#1f2937}.portal-card__content{color:#6b7280;line-height:1.6}.portal-card__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.875rem;color:#9ca3af}[data-theme=dark] .portal-card{background:#2a2a2a;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .portal-card--interactive:hover{box-shadow:0 4px 12px #00000080}[data-theme=dark] .portal-card__title{color:#f3f4f6}[data-theme=dark] .portal-card__content{color:#d1d5db}[data-theme=dark] .portal-card__footer{border-color:#444;color:#9ca3af}.portal-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.portal-stat__icon{font-size:1.75rem;opacity:.7;flex-shrink:0}.portal-stat__content{flex:1}.portal-stat__label{font-size:.875rem;color:#6b7280;margin:0}.portal-stat__value-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.portal-stat__value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.portal-stat__trend{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.portal-stat__trend--up{background-color:#dcfce7;color:#166534}.portal-stat__trend--down{background-color:#fee2e2;color:#991b1b}.portal-stat__trend--neutral{background-color:#f3f4f6;color:#6b7280}[data-theme=dark] .portal-stat{background:#2a2a2a;border-color:#444}[data-theme=dark] .portal-stat__label{color:#9ca3af}[data-theme=dark] .portal-stat__value{color:#f3f4f6}[data-theme=dark] .portal-stat__trend--up{background-color:#064e3b;color:#a7f3d0}[data-theme=dark] .portal-stat__trend--down{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .portal-stat__trend--neutral{background-color:#374151;color:#d1d5db}.portal-grid{display:grid}.portal-grid--auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.portal-grid--cols-1{grid-template-columns:1fr}.portal-grid--cols-2{grid-template-columns:repeat(2,1fr)}.portal-grid--cols-3{grid-template-columns:repeat(3,1fr)}.portal-grid--cols-4{grid-template-columns:repeat(4,1fr)}.portal-grid--cols-5{grid-template-columns:repeat(5,1fr)}.portal-grid--cols-6{grid-template-columns:repeat(6,1fr)}.portal-grid--gap-sm{gap:.75rem}.portal-grid--gap-md{gap:1.5rem}.portal-grid--gap-lg{gap:2rem}@media (max-width: 1024px){.portal-grid--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.portal-grid--cols-4,.portal-grid--cols-5,.portal-grid--cols-6{grid-template-columns:repeat(2,1fr)}.portal-grid--cols-3{grid-template-columns:1fr}}@media (max-width: 640px){.portal-grid--auto,.portal-grid--cols-2,.portal-grid--cols-3,.portal-grid--cols-4,.portal-grid--cols-5,.portal-grid--cols-6{grid-template-columns:1fr}.portal-grid--gap-md{gap:1rem}.portal-grid--gap-lg{gap:1.5rem}}.auth-layout{position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:hsl(var(--background));overflow:hidden}.auth-layout__topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:3.5rem;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));box-shadow:0 1px 3px hsl(var(--foreground)/.05)}:root:not(.dark) .auth-layout__topbar{background:#f9fafb;border-bottom-color:#e2e4e9}.dark .auth-layout__topbar{background:#16181d;border-bottom-color:#2b303b}.auth-layout__topbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:hsl(var(--foreground))}.auth-layout__logo-img{height:1.75rem;width:1.75rem;object-fit:contain}.auth-layout__logo-svg{height:1.75rem;width:1.75rem}.auth-layout__topbar-brand{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground))}.auth-layout__topbar-actions{display:flex;align-items:center;gap:.75rem}.auth-layout__main{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-layout__background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.auth-layout__background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsl(var(--background)/.95)}.auth-layout__container{position:relative;z-index:1;width:100%;max-width:24rem;animation:fadeInUp .4s ease-out;will-change:transform,opacity}@media (min-width: 1600px){.auth-layout__container{max-width:22rem}}.auth-layout__content{background:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:1rem;border:1px solid hsl(var(--border));box-shadow:0 10px 40px hsl(var(--foreground)/.05),0 0 0 1px hsl(var(--foreground)/.03);padding:2rem}:root:not(.dark) .auth-layout__content{background:#fcfcfd;border-color:#dcdfe5}@media (max-width: 640px){.auth-layout__content{padding:1.5rem 1.25rem}}@media (min-width: 1600px){.auth-layout__content{padding:1.75rem}}.auth-layout__logo{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.auth-layout__logo-large{width:3.5rem;height:3.5rem;object-fit:contain;margin-bottom:.75rem;border-radius:.75rem}.auth-layout__logo-circle{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,hsl(var(--primary)),#8e22c3);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;box-shadow:0 8px 16px hsl(var(--primary)/.3)}.auth-layout__logo-text{color:hsl(var(--primary-foreground));font-size:1.75rem;font-weight:700;font-family:system-ui,-apple-system,sans-serif}.auth-layout__brand{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin:0;letter-spacing:-.02em}.auth-layout__header{text-align:center;margin-bottom:1.5rem}.auth-layout__title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 .375rem;line-height:1.2}.auth-layout__subtitle{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.5}.auth-layout__form{margin-bottom:1.5rem}.auth-layout__footer{text-align:center;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.auth-layout__footer-text{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-theme-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid hsl(var(--border));border-radius:.5rem;background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer;transition:all .15s}.auth-theme-toggle:hover{background:hsl(var(--muted));border-color:hsl(var(--muted-foreground)/.3)}.auth-theme-toggle svg{width:1.125rem;height:1.125rem}@media (prefers-reduced-motion: reduce){.auth-layout__container{animation:none}}.auth-topbar__left{display:flex;align-items:center;gap:2rem}.auth-topbar__nav{display:flex;align-items:center;gap:.25rem}@media (max-width: 640px){.auth-topbar__nav{display:none}}.auth-topbar__nav-link{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));text-decoration:none;border-radius:.375rem;transition:all .15s}.auth-topbar__nav-link:hover{color:hsl(var(--foreground));background:hsl(var(--muted)/.5)}.auth-topbar__nav-link--active{color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.auth-topbar__nav-link--active:hover{color:hsl(var(--primary));background:hsl(var(--primary)/.15)}.auth-topbar__nav-icon{display:flex;align-items:center}.auth-topbar__nav-icon svg{width:1rem;height:1rem}.auth-topbar__user{position:relative}.auth-topbar__user-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .15s;color:hsl(var(--foreground))}.auth-topbar__user-trigger:hover{background:hsl(var(--muted)/.5);border-color:hsl(var(--border))}.auth-topbar__user-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.auth-topbar__user-avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--primary)),#9d26d9);color:#fff;font-size:.75rem;font-weight:600}.auth-topbar__user-name{font-size:.875rem;font-weight:500}@media (max-width: 640px){.auth-topbar__user-name{display:none}}.auth-topbar__user-chevron{color:hsl(var(--muted-foreground));transition:transform .2s}.auth-topbar__user-chevron--open{transform:rotate(180deg)}.auth-topbar__user-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:14rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.5rem;box-shadow:0 10px 25px hsl(var(--foreground)/.1);overflow:hidden;animation:dropdownFadeIn .15s ease-out;z-index:50}:root:not(.dark) .auth-topbar__user-menu{background:#fff}.auth-topbar__user-menu-header{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border))}.auth-topbar__user-menu-name{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.auth-topbar__user-menu-email{font-size:.75rem;color:hsl(var(--muted-foreground))}.auth-topbar__user-menu-items{padding:.375rem}.auth-topbar__user-menu-divider{height:1px;background:hsl(var(--border));margin:.375rem 0}.auth-topbar__user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;color:hsl(var(--foreground));text-decoration:none;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s;text-align:left}.auth-topbar__user-menu-item:hover{background:hsl(var(--muted)/.5)}.auth-topbar__user-menu-item--destructive{color:hsl(var(--destructive))}.auth-topbar__user-menu-item--destructive:hover{background:hsl(var(--destructive)/.1)}.auth-topbar__user-menu-icon{display:flex;align-items:center;color:hsl(var(--muted-foreground))}.auth-topbar__user-menu-item--destructive .auth-topbar__user-menu-icon{color:hsl(var(--destructive))}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.auth-card{display:flex;flex-direction:column;gap:1.25rem}.auth-card__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.625rem;background:hsl(var(--primary)/.1);color:hsl(var(--primary));margin:0 auto}.auth-card__icon svg{width:1.25rem;height:1.25rem}.auth-card__header{text-align:center}.auth-card__title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 .375rem;line-height:1.3}.auth-card__description{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:0;line-height:1.5}.auth-card__content{display:flex;flex-direction:column;gap:.875rem}.auth-card__footer{padding-top:.875rem;border-top:1px solid hsl(var(--border));text-align:center;font-size:.8125rem;color:hsl(var(--muted-foreground))}.auth-card__footer a{color:hsl(var(--primary));text-decoration:none;font-weight:500;transition:color .2s}.auth-card__footer a:hover{color:hsl(var(--primary-hover))}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider__line{flex:1;height:1px;background-color:#e5e7eb}.auth-divider__text{font-size:.875rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sso-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:.5rem;cursor:pointer;transition:all .2s}.sso-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.sso-button:disabled{opacity:.6;cursor:not-allowed}.sso-button__icon{display:flex;align-items:center;justify-content:center}.sso-button__text{flex:1;text-align:center}.sso-button__spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .6s linear infinite}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:hsl(var(--background));color:hsl(var(--foreground))}:root{--background: 220 20% 97%;--foreground: 220 15% 15%;--card: 0 0% 100%;--card-foreground: 220 15% 15%;--popover: 0 0% 100%;--popover-foreground: 220 15% 15%;--primary: 213 85% 55%;--primary-foreground: 0 0% 100%;--secondary: 220 15% 92%;--secondary-foreground: 220 15% 25%;--muted: 220 15% 95%;--muted-foreground: 220 10% 45%;--accent: 220 15% 92%;--accent-foreground: 220 15% 25%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 220 15% 88%;--input: 220 15% 88%;--ring: 213 85% 55%;--radius: .5rem}.dark{--background: 220 15% 12%;--foreground: 220 10% 92%;--card: 220 15% 18%;--card-foreground: 220 10% 92%;--popover: 220 15% 18%;--popover-foreground: 220 10% 92%;--primary: 213 85% 60%;--primary-foreground: 0 0% 100%;--secondary: 220 15% 22%;--secondary-foreground: 220 10% 85%;--muted: 220 15% 18%;--muted-foreground: 220 10% 55%;--accent: 220 15% 22%;--accent-foreground: 220 10% 85%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 220 15% 25%;--input: 220 15% 25%;--ring: 213 85% 60%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground))}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,hsl(var(--background)),hsl(var(--muted)/.3))}.auth-page__container{width:100%;max-width:420px}.auth-page__header{text-align:center;margin-bottom:2rem}.auth-page__logo{width:64px;height:64px;margin:0 auto 1rem;color:hsl(var(--primary))}.auth-page__title{font-size:1.75rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.auth-page__subtitle{color:hsl(var(--muted-foreground));font-size:.95rem}.auth-page__card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:2rem;box-shadow:0 4px 24px #00000014}.auth-page__form{display:flex;flex-direction:column;gap:1.25rem}.auth-page__field{display:flex;flex-direction:column;gap:.5rem}.auth-page__label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.auth-page__input-wrapper{position:relative}.auth-page__footer{margin-top:1.5rem;text-align:center}.auth-page__footer p{color:hsl(var(--muted-foreground));font-size:.875rem}.auth-page__footer p a{color:hsl(var(--primary));text-decoration:none;font-weight:500}.auth-page__footer p a:hover{text-decoration:underline}.auth-page__divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-page__divider:before,.auth-page__divider:after{content:"";flex:1;height:1px;background:hsl(var(--border))}.auth-page__divider span{color:hsl(var(--muted-foreground));font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.auth-page__sso-buttons{display:flex;flex-direction:column;gap:.75rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:hsl(var(--muted-foreground));cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:hsl(var(--foreground))}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--muted-foreground));font-size:.875rem;text-decoration:none;margin-top:1rem}.back-link:hover{color:hsl(var(--foreground))}.otp-input{display:flex;gap:.5rem;justify-content:center}.otp-input input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid hsl(var(--border));border-radius:.5rem;background:hsl(var(--background));color:hsl(var(--foreground))}.otp-input input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.spinner{width:1.25rem;height:1.25rem;border:2px solid hsl(var(--primary)/.3);border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}