:root{--cyan-50:#f6f8f9;--cyan-100:#ecf2f3;--cyan-200:#d6e3e6;--cyan-300:#96d5e3;--cyan-400:#66c2d6;--cyan-500:#3fb2cc;--cyan-600:#298499;--cyan-700:#1c5b69;--cyan-800:#103d47;--cyan-900:#082026;--cyan-950:#041115;--blue-50:#f5f6fa;--blue-100:#ebedf4;--blue-200:#d4d9e7;--blue-300:#8ea4ec;--blue-400:#5a7ae3;--blue-500:#2550da;--blue-600:#1c3da5;--blue-700:#132971;--blue-800:#0a194d;--blue-900:#050d29;--blue-950:#020614;--green-50:#f5faf8;--green-100:#ebf5f1;--green-200:#d3e9e2;--green-300:#85f4d0;--green-400:#4df0ba;--green-500:#17c964;--green-600:#0fb27c;--green-700:#0b7a55;--green-800:#035339;--green-900:#022c1e;--green-950:#011610;--orange-50:#faf8f5;--orange-100:#f5f1ea;--orange-200:#eae1d2;--orange-300:#facc80;--orange-400:#f7b545;--orange-500:#f59e0a;--orange-600:#ba7808;--orange-700:#7f5205;--orange-800:#573600;--orange-900:#2e1d00;--orange-950:#1f1300;--red-50:#faf5f5;--red-100:#f5ebeb;--red-200:#e9d3d3;--red-300:#f58585;--red-400:#f04c4c;--red-500:#eb1414;--red-600:#b30f0f;--red-700:#7a0a0a;--red-800:#540303;--red-900:#2c0202;--red-950:#1e0101;--neutral-0:#ffffff;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#eeeeee;--neutral-300:#e0e0e0;--neutral-400:#bdbdbd;--neutral-500:#9e9e9e;--neutral-600:#757575;--neutral-700:#616161;--neutral-800:#424242;--neutral-900:#212121;--neutral-950:#0a0a0a;--neutral-1000:#000000;--space-unit:4px;--space-4:calc(var(--space-unit) * 1);--space-8:calc(var(--space-unit) * 2);--space-12:calc(var(--space-unit) * 3);--space-16:calc(var(--space-unit) * 4);--space-20:calc(var(--space-unit) * 5);--space-24:calc(var(--space-unit) * 6);--space-32:calc(var(--space-unit) * 8);--space-40:calc(var(--space-unit) * 10);--space-48:calc(var(--space-unit) * 12);--space-64:calc(var(--space-unit) * 16);--space-80:calc(var(--space-unit) * 20);--space-96:calc(var(--space-unit) * 24);--space-128:calc(var(--space-unit) * 32);--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base: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;--font-size-5xl:3rem;--line-height-tight:1.1;--line-height-snug:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--radius-none:0;--radius-sm:4px;--radius:6px;--radius-medium:16px;--radius-large:24px;--radius-full:9999px;--border-width-0:0;--border-width:1px;--shadow-base:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--easing-smooth:cubic-bezier(0.4,0,0.2,1);--easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--easing-sharp:cubic-bezier(0.4,0,0.6,1);--z-hide:-1;--z-auto:auto;--z-base:0;--z-docked:1;--z-dropdown:2;--z-sticky:3;--z-banner:4;--z-overlay:5;--z-drawer:6;--z-popover:7;--z-modal-backdrop:8;--z-modal:9;--z-tooltip:10;--color-primary:var(--cyan-500);--color-primary-hover:var(--cyan-600);--color-primary-active:var(--cyan-700);--color-primary-light:var(--cyan-100);--color-primary-dark:var(--cyan-800);--color-primary-subtle:var(--cyan-50);--color-secondary:var(--blue-500);--color-secondary-hover:var(--blue-600);--color-secondary-active:var(--blue-700);--color-secondary-light:var(--blue-100);--color-secondary-dark:var(--blue-800);--color-info:var(--blue-500);--color-info-hover:var(--blue-600);--color-info-active:var(--blue-700);--color-info-light:var(--blue-100);--color-info-dark:var(--blue-800);--color-info-subtle:var(--blue-50);--color-success:var(--green-500);--color-success-hover:var(--green-600);--color-success-active:var(--green-700);--color-success-light:var(--green-100);--color-success-dark:var(--green-800);--color-success-subtle:var(--green-50);--color-warning:var(--orange-500);--color-warning-hover:var(--orange-600);--color-warning-active:var(--orange-700);--color-warning-light:var(--orange-100);--color-warning-dark:var(--orange-800);--color-warning-subtle:var(--orange-50);--color-danger:var(--red-500);--color-danger-hover:var(--red-600);--color-danger-active:var(--red-700);--color-danger-light:var(--red-100);--color-danger-dark:var(--red-800);--color-danger-subtle:var(--red-50);--color-neutral:var(--neutral-500);--color-neutral-hover:var(--neutral-600);--color-neutral-active:var(--neutral-700);--color-neutral-light:var(--neutral-100);--color-neutral-dark:var(--neutral-800);--color-neutral-subtle:var(--neutral-50);--color-background:var(--neutral-0);--color-bg-primary:var(--neutral-0);--color-bg-secondary:var(--neutral-50);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-grey:var(--neutral-600);--color-text-disabled:var(--neutral-400);--color-text-inverse:var(--neutral-0);--color-text-link:var(--color-primary);--color-text-link-hover:var(--color-primary-hover);--color-border:var(--neutral-200);--color-border-input:var(--neutral-400);--spacing-none:0;--spacing-xs:var(--space-4);--spacing-tiny:var(--space-4);--spacing-sm:var(--space-8);--spacing-small:var(--space-8);--spacing-md:var(--space-16);--spacing-medium:var(--space-16);--spacing-lg:var(--space-24);--spacing-large:var(--space-24);--spacing-xl:var(--space-32);--spacing-xlarge:var(--space-32);--spacing-2xl:var(--space-48);--spacing-xxlarge:var(--space-48);--spacing-3xl:var(--space-64);--spacing-xxxlarge:var(--space-64);--gap:var( --spacing-medium );--font-primary:var(--font-family-primary);--font-mono:var(--font-family-mono);--text-xs:var(--font-size-xs);--text-sm:var(--font-size-sm);--text-md:var(--font-size-base);--text-base:var(--font-size-base);--text-lg:var(--font-size-lg);--text-xl:var(--font-size-xl);--text-2xl:var(--font-size-2xl);--text-3xl:var(--font-size-3xl);--text-4xl:var(--font-size-4xl);--text-5xl:var(--font-size-5xl);--weight-light:var(--font-weight-light);--weight-normal:var(--font-weight-normal);--weight-medium:var(--font-weight-medium);--weight-semibold:var(--font-weight-semibold);--weight-bold:var(--font-weight-bold);--transition-fast:var(--duration-fast) var(--easing-smooth);--transition-normal:var(--duration-normal) var(--easing-smooth);--transition-slow:var(--duration-slow) var(--easing-smooth);--focus-ring-width:max(1px,0.08em);--focus-ring-style:dashed;--focus-ring-color:var(--color-primary-dark);--focus-ring-color-inverse:var(--neutral-0);--focus-ring-offset:var(--focus-ring-width);--focus-ring-width-thin:max(1px,0.04em);--focus-ring-width-thick:max(3px,0.12em);--focus-ring-bg-light:var(--color-primary-subtle);--focus-ring-bg-dark:var(--color-primary-muted);--btn-height-tiny:var(--space-24);--btn-height-sm:var(--space-32);--btn-height-md:var(--space-40);--btn-height-lg:var(--space-48);--btn-padding-x-tiny:var(--space-4);--btn-padding-x-sm:var(--spacing-small);--btn-padding-x-md:var(--spacing-medium);--btn-padding-x-lg:var(--spacing-large);--btn-text-tiny:var(--space-12);--btn-text-sm:var(--text-sm);--btn-text-md:var(--text-base);--btn-text-lg:var(--text-lg);--btn-icon-size-tiny:var(--space-12);--btn-icon-size-sm:var(--space-16);--btn-icon-size-md:var(--space-20);--btn-icon-size-lg:var(--space-24);--btn-icon-only-tiny:var(--btn-height-tiny);--btn-icon-only-sm:var(--btn-height-sm);--btn-icon-only-md:var(--btn-height-md);--btn-icon-only-lg:var(--btn-height-lg);--btn-primary-bg:var(--color-primary);--btn-primary-bg-hover:var(--color-primary-hover);--btn-primary-bg-active:var(--color-primary-active);--btn-primary-text:var(--neutral-0);--btn-primary-border:var(--color-primary);--btn-primary-border-hover:var(--color-primary-hover);--btn-secondary-bg:rgba(62,178,204,0.1);--btn-secondary-bg-hover:rgba(62,178,204,0.2);--btn-secondary-bg-active:rgba(62,178,204,0.3);--btn-secondary-text:var(--color-primary);--btn-secondary-border:var(--color-primary);--btn-secondary-border-hover:var(--color-primary-hover);--btn-light-bg:transparent;--btn-light-bg-hover:var(--neutral-50);--btn-light-bg-active:var(--neutral-100);--btn-light-text:var(--color-text);--btn-light-border:transparent;--btn-light-border-hover:transparent;--btn-flat-bg:var(--neutral-100);--btn-flat-bg-hover:var(--neutral-200);--btn-flat-bg-active:var(--neutral-300);--btn-flat-text:var(--color-text);--btn-flat-border:transparent;--btn-bordered-bg:transparent;--btn-bordered-bg-hover:var(--neutral-50);--btn-bordered-bg-active:var(--neutral-100);--btn-bordered-text:var(--color-text);--btn-bordered-border:var(--color-border);--btn-bordered-border-hover:var(--neutral-400);--btn-danger-bg:var(--color-danger);--btn-danger-bg-hover:var(--color-danger-hover);--btn-danger-bg-active:var(--color-danger-active);--btn-danger-text:var(--neutral-0);--btn-danger-border:var(--color-danger);--btn-success-bg:var(--green-700);--btn-success-bg-hover:var(--green-800);--btn-success-bg-active:var(--green-900);--btn-success-text:var(--neutral-0);--btn-success-border:var(--green-700);--btn-radius-none:0;--btn-radius-sm:var(--space-4);--btn-radius:var(--space-8);--btn-radius-lg:var(--space-12);--btn-radius-full:var(--radius-full);--btn-font-weight:var(--weight-semibold);--btn-transition:var(--transition-fast);--btn-shadow:var(--shadow-base);--btn-border-width:var(--border-width);--btn-shadow-bg:var(--color-primary);--btn-shadow-bg-hover:var(--color-primary-hover);--btn-shadow-bg-active:var(--color-primary-active);--btn-shadow-text:var(--neutral-0);--btn-shadow-border:var(--color-primary);--btn-shadow-shadow:var(--btn-shadow);--btn-color-default-primary:var(--color-primary);--btn-color-default-danger:var(--color-danger);--btn-color-default-success:var(--color-success);--btn-color-default-warning:var(--color-warning);--btn-color-default-foreground:var(--color-text);--btn-disabled-opacity:0.5;--btn-disabled-cursor:not-allowed;--btn-loading-opacity:0.8;--btn-action-bg:var(--neutral-300);--btn-action-bg-hover:var(--neutral-200);--btn-action-bg-active:var(--neutral-400);--btn-action-text:var(--color-text);--btn-action-border:transparent;--btn-action-size:24px;--btn-action-icon-size:16px;--btn-action-radius:var(--radius)}.focus-primary{--outline-color:var(--color-primary);--outline-size:var(--focus-ring-width)}.focus-danger{--outline-color:var(--color-danger);--outline-size:var(--focus-ring-width)}.focus-success{--outline-color:var(--color-success);--outline-size:var(--focus-ring-width)}.no-focus:focus{outline:none}.no-focus:focus-visible{outline:none}@media(hover:none)and (pointer:coarse),(max-width:640px){.touch-opacity-100{opacity:1!important}}@media(hover:hover)and (pointer:fine){.action-container__actions{opacity:0;transition:opacity .15s ease-in-out}.action-container:focus-within .action-container__actions,.action-container:hover .action-container__actions{opacity:1}}@media(hover:none)and (pointer:coarse),(max-width:640px){.action-container__actions{opacity:1!important}}@media(hover:hover)and (pointer:fine){.hover-actions{opacity:0;transition:opacity .15s ease-in-out}.hover-actions-parent:focus-within .hover-actions,.hover-actions-parent:hover .hover-actions{opacity:1}}@media(hover:none)and (pointer:coarse),(max-width:640px){.hover-actions{opacity:1!important}}.text-xs{font-size:var(--text-xs)}.text-sm,.text-xs{line-height:var(--line-height-normal)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-base,.text-lg{line-height:var(--line-height-normal)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl);line-height:var(--line-height-normal)}.text-2xl{font-size:var(--text-2xl)}.text-2xl,.text-3xl{line-height:var(--line-height-snug)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl);line-height:var(--line-height-snug)}.text-5xl{font-size:var(--text-5xl);line-height:var(--line-height-tight)}.text-color-primary{color:var(--color-text)}.text-color-muted{color:var(--color-text-muted)}.text-color-disabled{color:var(--color-text-disabled)}.text-color-link{color:var(--color-text-link)}.text-color-link-hover{color:var(--color-text-link-hover)}.text-color-inverse{color:var(--neutral-0)}.text-color-brand{color:var(--color-primary)}.text-color-danger{color:var(--color-danger)}.text-color-success{color:var(--color-success)}.text-color-warning{color:var(--color-warning)}.text-weight-light{font-weight:var(--weight-light)}.text-weight-normal{font-weight:var(--weight-normal)}.text-weight-medium{font-weight:var(--weight-medium)}.text-weight-semibold{font-weight:var(--weight-semibold)}.text-weight-bold{font-weight:var(--weight-bold)}.maite-link{color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color .15s ease,-webkit-text-decoration .15s ease;transition:color .15s ease,text-decoration .15s ease;transition:color .15s ease,text-decoration .15s ease,-webkit-text-decoration .15s ease;background:none;border:none;padding:0;font:inherit}.maite-link:hover{text-decoration:underline}.maite-link:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:2px}.maite-link--dark{color:var(--color-text)}.maite-link--semibold{font-weight:var(--weight-semibold)}.maite-link--underline{text-decoration:underline}:is(button,input,textarea,select,summary,a[href],[role=button],[role=link],[role=tab],[role=menuitem],[tabindex="0"]){--outline-size:var(--focus-ring-width);--outline-style:var(--focus-ring-style);--outline-color:var(--focus-ring-color);--outline-offset:var(--focus-ring-offset)}:is(button,input,textarea,select,summary,a[href],[role=button],[role=link],[role=tab],[role=menuitem],[tabindex="0"]):focus{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset)}:is(button,input,textarea,select,summary,a[href],[role=button],[role=link],[role=tab],[role=menuitem],[tabindex="0"]):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset);box-shadow:none!important}:is(button,input,textarea,select,summary,a[href],[role=button],[role=link],[role=tab],[role=menuitem],[tabindex="0"]):focus:not(:focus-visible){outline:none}@media(prefers-contrast:high){:is(button,input,textarea,select,summary,a[href],[role=button],[role=link],[role=tab],[role=menuitem],[tabindex="0"]):focus-visible{--outline-size:var(--focus-ring-width-thick);--outline-color:ButtonText;--outline-offset:var(--space-1)}}[data-focus=true]{box-shadow:none!important;--tw-ring-shadow:0 0 #0000!important;--tw-ring-offset-shadow:0 0 #0000!important}.message-content,.message-content *,[id^=unknown_]{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.button,[role=button],button{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.chat-container{display:flex;height:100%;width:100%}@media(width <= 639px){.chat-container{height:calc(100dvh - 57px)}}.maite-drawer{background-color:var(--color-background);box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 10px 15px -3px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);transition:all var(--duration-normal) var(--easing-smooth)}.maite-drawer--small{width:400px;max-width:90vw}@media(width >= 640px){.maite-drawer--small{max-width:400px}}.maite-drawer--medium{width:1024px;max-width:95vw}@media(width >= 768px){.maite-drawer--medium{max-width:1024px}}.maite-drawer__header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);color:var(--color-text);padding:var(--spacing-large)!important;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-small)}.maite-drawer__header--no-bottom-border{border-bottom:none}.maite-drawer__header--vertical{flex-direction:column;align-items:flex-start}.maite-drawer__header-title{color:var(--color-text);flex:1}.maite-drawer__header-subtitle{color:var(--color-text-grey);font-size:var(--text-sm);margin-top:var(--spacing-tiny)}.maite-drawer__header-actions{display:flex;align-items:center;gap:var(--spacing-small);flex-shrink:0}.maite-drawer__body{display:flex!important;flex-direction:column!important;flex:1!important;gap:var(--spacing-sm)!important;padding:var(--spacing-large)!important;overflow-y:auto!important;background-color:var(--color-background)!important;scroll-behavior:smooth}.maite-drawer__close-button{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:32px;height:32px;padding:0;transition:all var(--duration-fast) var(--easing-smooth);--outline-color:var(--focus-ring-color);--outline-size:var(--focus-ring-width)}.maite-drawer__close-button:hover:not(:disabled){background:var(--neutral-100);color:var(--color-text)}.maite-drawer__close-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.maite-drawer__back-button{display:flex;align-items:center;gap:var(--spacing-small);background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);transition:all var(--duration-fast) var(--easing-smooth)}.maite-drawer__back-button svg{color:var(--color-text)}.maite-drawer__back-button:hover:not(:disabled){text-decoration:underline}.maite-drawer__back-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}@media(width <= 639px){.maite-drawer--medium,.maite-drawer--small{width:100vw!important;max-width:100vw!important}}@media(width >= 768px){.maite-drawer--small{max-width:50vw}.maite-drawer--medium{max-width:80vw}}@media(width >= 1024px){.maite-drawer--small{max-width:400px}.maite-drawer--medium{max-width:1024px}}.maite-drawer-overlay{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all var(--duration-fast) var(--easing-smooth)}.dark .maite-drawer-overlay{background-color:rgba(0,0,0,.7)}.maite-drawer-list{gap:var(--spacing-large)}.maite-drawer-list__item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-large);box-shadow:var(--shadow-small);transition:all var(--duration-normal) var(--easing-smooth)}.maite-drawer-list__item:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-medium)}.maite-drawer-section:not(:last-child){border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-large);margin-bottom:var(--spacing-large)}.maite-drawer-section__title{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--spacing-sm)}.maite-drawer-scroll:before{top:0;background:linear-gradient(to bottom,var(--color-background) 0,transparent 100%)}.maite-drawer-scroll:after,.maite-drawer-scroll:before{content:"";position:sticky;left:0;right:0;height:20px;z-index:1;pointer-events:none}.maite-drawer-scroll:after{bottom:0;background:linear-gradient(to top,var(--color-background) 0,transparent 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-tiny);border:var(--btn-border-width) solid rgba(0,0,0,0);border-radius:var(--btn-radius);font-family:var(--font-primary);font-weight:var(--btn-font-weight);text-decoration:none;cursor:pointer;transition:var(--btn-transition);outline:none;position:relative;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--outline-color:var(--focus-ring-color);--outline-size:var(--focus-ring-width)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--btn-disabled-opacity);cursor:var(--btn-disabled-cursor);pointer-events:none}.btn:disabled:focus,.btn:disabled:hover,.btn[aria-disabled=true]:focus,.btn[aria-disabled=true]:hover{transform:none}.btn[data-loading=true]{opacity:var(--btn-loading-opacity);cursor:wait;pointer-events:none}.btn[data-loading=true] .btn__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.btn[data-loading=true] .btn__content{opacity:0}.btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.btn--primary:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.btn--primary:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-primary-bg-active)}.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn--secondary:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover)}.btn--secondary:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-secondary-bg-active)}.btn--light{background-color:var(--btn-light-bg);color:var(--btn-light-text);border-color:var(--btn-light-border)}.btn--light:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-light-bg-hover);border-color:var(--btn-light-border-hover)}.btn--light:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-light-bg-active)}.btn--flat{background-color:var(--btn-flat-bg);color:var(--btn-flat-text);border-color:var(--btn-flat-border)}.btn--flat:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-flat-bg-hover)}.btn--flat:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-flat-bg-active)}.btn--bordered{background-color:var(--btn-bordered-bg);color:var(--btn-bordered-text);border-color:var(--btn-bordered-border)}.btn--bordered:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-bordered-bg-hover);border-color:var(--btn-bordered-border-hover)}.btn--bordered:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-bordered-bg-active)}.btn--danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-text);border-color:var(--btn-danger-border)}.btn--danger:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-danger-bg-hover)}.btn--danger:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-danger-bg-active)}.btn--success{background-color:var(--btn-success-bg);color:var(--btn-success-text);border-color:var(--btn-success-border)}.btn--success:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-success-bg-hover)}.btn--success:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-success-bg-active)}.btn--shadow{background-color:var(--btn-shadow-bg);color:var(--btn-shadow-text);border-color:var(--btn-shadow-border);box-shadow:var(--btn-shadow-shadow)}.btn--shadow:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-shadow-bg-hover);transform:translateY(-1px);box-shadow:var(--btn-shadow-shadow),0 4px 8px rgba(0,0,0,.15)}.btn--shadow:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-shadow-bg-active);transform:translateY(0);box-shadow:var(--btn-shadow-shadow)}.btn--save{--save-default-bg:#f2f2f2;--save-default-bg-hover:#e5e5e5;--save-default-text:#202125;--save-active-bg:rgba(203,238,227,0.4);--save-active-bg-hover:rgba(203,238,227,0.6);--save-active-text:#009264;background-color:var(--save-default-bg);color:var(--save-default-text);border-color:rgba(0,0,0,0)}.btn--save:active:not(:disabled):not([data-loading=true]),.btn--save:hover:not(:disabled):not([data-loading=true]){background-color:var(--save-default-bg-hover)}.btn--save.is-saved,.btn--save[aria-pressed=true]{background-color:var(--save-active-bg);color:var(--save-active-text);border-color:rgba(0,0,0,0)}.btn--save.is-saved:active:not(:disabled):not([data-loading=true]),.btn--save.is-saved:hover:not(:disabled):not([data-loading=true]),.btn--save[aria-pressed=true]:active:not(:disabled):not([data-loading=true]),.btn--save[aria-pressed=true]:hover:not(:disabled):not([data-loading=true]){background-color:var(--save-active-bg-hover)}.btn--action{background-color:var(--btn-action-bg);color:var(--btn-action-text);border-color:var(--btn-action-border);border-width:0;height:var(--btn-height-tiny);width:var(--btn-height-tiny);min-width:var(--btn-height-tiny);padding:0;border-radius:var(--btn-action-radius)}.btn--action:hover:not(:disabled):not([data-loading=true]){background-color:var(--btn-action-bg-hover)}.btn--action:active:not(:disabled):not([data-loading=true]){background-color:var(--btn-action-bg-active)}.btn--action .btn__icon,.btn--action svg{width:var(--space-16);height:var(--space-16)}.btn--tiny{height:var(--btn-height-tiny);min-width:var(--btn-height-tiny);padding:0 var(--btn-padding-x-tiny);font-size:var(--btn-text-tiny)}.btn--tiny.btn--icon-only{width:var(--btn-icon-only-tiny);padding:0}.btn--tiny .btn__icon,.btn--tiny svg{width:var(--btn-icon-size-tiny);height:var(--btn-icon-size-tiny)}.btn--sm{height:var(--btn-height-sm);padding:0 var(--btn-padding-x-sm);font-size:var(--btn-text-sm)}.btn--sm.btn--icon-only{width:var(--btn-icon-only-sm);padding:0}.btn--sm .btn__icon{width:var(--btn-icon-size-sm);height:var(--btn-icon-size-sm)}.btn--md{height:var(--btn-height-md);padding:0 var(--btn-padding-x-md);font-size:var(--btn-text-md)}.btn--md.btn--icon-only{width:var(--btn-icon-only-md);padding:0}.btn--md .btn__icon{width:var(--btn-icon-size-md);height:var(--btn-icon-size-md)}.btn--lg{height:var(--btn-height-lg);padding:0 var(--btn-padding-x-lg);font-size:var(--btn-text-lg)}.btn--lg.btn--icon-only{width:var(--btn-icon-only-lg);padding:0}.btn--lg .btn__icon{width:var(--btn-icon-size-lg);height:var(--btn-icon-size-lg)}.btn--radius-none{border-radius:var(--btn-radius-none)}.btn--radius-sm{border-radius:var(--btn-radius-sm)}.btn--radius-lg{border-radius:var(--btn-radius-lg)}.btn--full,.btn--radius-full{border-radius:var(--btn-radius-full)}.btn--icon-only{aspect-ratio:1;padding:0}.btn--full-width{width:100%}.btn--color-primary{--current-color:var(--btn-color-default-primary);--current-color-hover:var(--color-primary-hover);--current-color-active:var(--color-primary-active)}.btn--color-primary.btn--light{color:var(--current-color)}.btn--color-primary.btn--light:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover)}.btn--color-primary.btn--bordered,.btn--color-primary.btn--flat{color:var(--current-color);border-color:var(--current-color)}.btn--color-primary.btn--bordered:hover:not(:disabled):not([data-loading=true]),.btn--color-primary.btn--flat:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover);border-color:var(--current-color-hover)}.btn--color-danger{--current-color:var(--btn-color-default-danger);--current-color-hover:var(--color-danger-hover);--current-color-active:var(--color-danger-active)}.btn--color-danger.btn--light{color:var(--current-color)}.btn--color-danger.btn--light:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover)}.btn--color-danger.btn--bordered,.btn--color-danger.btn--flat{color:var(--current-color);border-color:var(--current-color)}.btn--color-danger.btn--bordered:hover:not(:disabled):not([data-loading=true]),.btn--color-danger.btn--flat:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover);border-color:var(--current-color-hover)}.btn--color-success{--current-color:var(--btn-color-default-success);--current-color-hover:var(--color-success-hover);--current-color-active:var(--color-success-active)}.btn--color-success.btn--light{color:var(--current-color)}.btn--color-success.btn--light:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover)}.btn--color-success.btn--bordered,.btn--color-success.btn--flat{color:var(--current-color);border-color:var(--current-color)}.btn--color-success.btn--bordered:hover:not(:disabled):not([data-loading=true]),.btn--color-success.btn--flat:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover);border-color:var(--current-color-hover)}.btn--color-warning{--current-color:var(--btn-color-default-warning);--current-color-hover:var(--color-warning-hover);--current-color-active:var(--color-warning-active)}.btn--color-warning.btn--light{color:var(--current-color)}.btn--color-warning.btn--light:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover)}.btn--color-warning.btn--bordered,.btn--color-warning.btn--flat{color:var(--current-color);border-color:var(--current-color)}.btn--color-warning.btn--bordered:hover:not(:disabled):not([data-loading=true]),.btn--color-warning.btn--flat:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover);border-color:var(--current-color-hover)}.btn--color-foreground{--current-color:var(--btn-color-default-foreground);--current-color-hover:var(--neutral-700);--current-color-active:var(--neutral-800)}.btn--color-foreground.btn--light{color:var(--current-color)}.btn--color-foreground.btn--light:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover)}.btn--color-foreground.btn--bordered,.btn--color-foreground.btn--flat{color:var(--current-color);border-color:var(--current-color)}.btn--color-foreground.btn--bordered:hover:not(:disabled):not([data-loading=true]),.btn--color-foreground.btn--flat:hover:not(:disabled):not([data-loading=true]){color:var(--current-color-hover);border-color:var(--current-color-hover)}.btn__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-tiny)}.btn__icon svg{display:block}.btn__spinner{display:inline-flex;align-items:center;justify-content:center}.btn__spinner svg{animation:maite-spin 1s linear infinite}.btn__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:0}@keyframes maite-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(width >= 640px){.btn--full-width-mobile{width:100%}.btn--shadow{box-shadow:var(--btn-shadow-shadow)}.btn--shadow:hover:not(:disabled):not([data-loading=true]){transform:none;box-shadow:var(--btn-shadow-shadow)}}@media(hover:none)and (pointer:coarse),(max-width:640px){[style*="opacity: 0"] .btn--action{opacity:1!important}}.system-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--space-8);border:1px solid rgba(0,0,0,0);font-family:var(--font-family-primary);transition:var(--transition-fast);position:relative}.system-message--sm{padding:var(--spacing-sm);font-size:var(--text-sm)}.system-message--sm .system-message__icon{width:var(--space-16);height:var(--space-16)}.system-message--md{padding:var(--spacing-md);font-size:var(--text-md)}.system-message--md .system-message__icon{width:var(--space-20);height:var(--space-20)}.system-message--lg{padding:var(--spacing-lg);font-size:var(--text-lg)}.system-message--lg .system-message__icon{width:var(--space-24);height:var(--space-24)}.system-message--error{background:var(--color-danger-subtle);border-color:var(--color-danger-subtle);color:var(--color-text)}.system-message--error .system-message__icon,.system-message--error .system-message__title{color:var(--color-danger)}.system-message--warning{background:var(--color-warning-subtle);border-color:var(--color-warning-subtle);color:var(--color-text)}.system-message--warning .system-message__icon,.system-message--warning .system-message__title{color:var(--color-warning)}.system-message--success{background:var(--color-success-subtle);border-color:var(--color-success-subtle);color:var(--color-text)}.system-message--success .system-message__icon,.system-message--success .system-message__title{color:var(--color-success)}.system-message--info{background:var(--color-primary-subtle);border-color:var(--color-primary-subtle);color:var(--color-text)}.system-message--info .system-message__icon,.system-message--info .system-message__title{color:var(--color-primary)}.system-message--neutral{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.system-message--neutral .system-message__icon{color:var(--color-text-muted)}.system-message--neutral .system-message__title{color:var(--color-text)}.system-message--inline{width:100%}.system-message--floating{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);max-width:400px;z-index:1000;box-shadow:var(--shadow-lg)}.system-message--banner{width:100%;border-radius:0;border-left:none;border-right:none}.system-message .system-message__icon{flex-shrink:0;margin-top:2px}.system-message .system-message__content{flex:1;min-width:0}.system-message .system-message__title{font-weight:var(--weight-semibold);margin-bottom:var(--spacing-xs);line-height:1.3}.system-message .system-message__text{line-height:1.5;color:var(--color-text)}.system-message .system-message__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);align-items:center}.system-message .system-message__close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--spacing-xs);border-radius:var(--space-4);transition:var(--transition-fast)}.system-message .system-message__close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.system-message .system-message__close:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.system-message--floating{left:var(--spacing-md);right:var(--spacing-md);max-width:none}.system-message .system-message__actions{flex-direction:column;align-items:stretch}}.system-message--floating{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.system-message .system-message__action--loading .btn{pointer-events:none}.tabs{width:100%}[role=tablist]{display:flex;gap:var(--spacing-md);width:100%;margin-bottom:var(--spacing-lg);overflow:visible}[role=tab]{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md) var(--spacing-xs);background-color:rgba(0,0,0,0);color:var(--color-text-muted);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all var(--transition-fast);border:none;border-bottom:3px solid rgba(0,0,0,0);outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;--outline-color:var(--focus-ring-color);--outline-size:var(--focus-ring-width)}[role=tab]:hover:not([aria-selected=true]){color:var(--color-text);background-color:rgba(0,0,0,0);border-bottom-color:var(--neutral-300)}[role=tab][aria-selected=true]{color:var(--color-text);background-color:rgba(0,0,0,0);border-bottom:3px solid var(--color-primary);font-weight:var(--weight-semibold)}[role=tab]:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-primary);outline-offset:var(--spacing-xs);border-radius:var(--radius-sm)}[role=tabpanel]{position:relative;padding:0;background-color:rgba(0,0,0,0);border:none;min-height:200px}[role=tabpanel]:focus{outline:var(--focus-ring-width) var(--focus-ring-style) var(--color-primary);outline-offset:var(--spacing-xs)}[role=tabpanel][hidden]{display:none}@media(width >= 640px){[role=tablist]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}[role=tablist]::-webkit-scrollbar{display:none}[role=tab]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}[role=tabpanel]{padding:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1000;animation:fadeIn .2s ease}.modal-container{position:relative;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(width >= 640px){.modal-overlay{padding:var(--spacing-md)}.modal-container{max-height:95vh}}.current-plan-card{width:100%;padding:var(--spacing-xl);background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-lg)}.current-plan-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.current-plan-card__title-row{display:flex;align-items:center;gap:var(--spacing-sm)}.current-plan-card__icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.current-plan-card__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.current-plan-card__badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.current-plan-card__badge--active{background-color:var(--success-50);color:var(--success-700)}.current-plan-card__badge--free{background-color:var(--neutral-100);color:var(--color-text-muted)}.current-plan-card__price{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.current-plan-card__renewal{display:flex;flex-direction:column;gap:var(--spacing-xs)}.current-plan-card__renewal-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.current-plan-card__renewal-date{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.current-plan-card__team-slots{display:flex;flex-direction:column;gap:var(--spacing-xs)}.current-plan-card__team-slots-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.current-plan-card__team-slots-count{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.current-plan-card__team-slots-count--full{color:var(--warning-700)}.current-plan-card__team-slots-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--warning-50);color:var(--warning-700);border:var(--border-width) solid var(--warning-200);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.current-plan-card__savings-banner{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--success-50) 0,var(--success-100) 100%);border:var(--border-width) solid var(--success-200);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--success-800);text-align:center}.current-plan-card__divider{height:var(--border-width);background-color:var(--color-border);width:100%}.current-plan-card__features{display:flex;flex-direction:column;gap:var(--spacing-md)}.current-plan-card__features-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.current-plan-card__features-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;padding:0;margin:0}.current-plan-card__feature{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text)}.current-plan-card__feature-icon{width:20px;height:20px;color:var(--success-600);flex-shrink:0;margin-top:2px}.current-plan-card__actions{margin-top:var(--spacing-sm)}.current-plan-card__actions,.current-plan-card__team-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.current-plan-card__owner-message{padding:var(--spacing-md);background-color:var(--neutral-50);border-radius:var(--radius-sm);text-align:center}.current-plan-card__owner-message span{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.current-plan-card__leave-button{width:100%;padding:var(--spacing-sm) var(--spacing-lg);background-color:rgba(0,0,0,0);border:var(--border-width) solid var(--error-300);border-radius:var(--radius-sm);color:var(--error-600);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.current-plan-card__leave-button:hover{background-color:var(--error-50);border-color:var(--error-500);color:var(--error-700)}.current-plan-card__leave-button:active{transform:scale(.98)}.current-plan-card__notice{padding:var(--spacing-md);background-color:var(--warning-50);border:var(--border-width) solid var(--warning-200);border-radius:var(--radius-sm);text-align:center}.current-plan-card__notice span{font-size:var(--text-sm);color:var(--warning-800);font-weight:var(--weight-medium)}@media(width >= 640px){.current-plan-card{padding:var(--spacing-lg)}.current-plan-card__title{font-size:var(--text-lg)}.current-plan-card__price{font-size:var(--text-2xl)}.current-plan-card__feature{font-size:var(--text-sm)}}.plan-comparison{width:100%;padding:var(--spacing-xl);background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-lg)}.plan-comparison__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.plan-comparison__subtitle{font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-muted);margin:0}.plan-comparison__annual-message{padding:var(--spacing-lg);background-color:var(--success-50);border:var(--border-width) solid var(--success-200);border-radius:var(--radius-sm);text-align:center}.plan-comparison__annual-message p{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-base);color:var(--success-800);font-weight:var(--weight-medium)}.plan-comparison__annual-message p:last-child{margin-bottom:0}.plan-comparison__annual-message-note{font-size:var(--text-sm)!important;color:var(--success-700)!important;font-weight:var(--weight-normal)!important}.plan-comparison__actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.plan-comparison__permission-message{padding:var(--spacing-md);background-color:var(--neutral-50);border-radius:var(--radius-sm);text-align:center}.plan-comparison__permission-message span{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.plan-comparison__benefits{padding:var(--spacing-lg);background-color:var(--blue-50);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}.plan-comparison__benefits-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.plan-comparison__benefits-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;padding:0;margin:0}.plan-comparison__benefits-list li{font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text)}@media(width >= 640px){.plan-comparison{padding:var(--spacing-lg)}.plan-comparison__title{font-size:var(--text-lg)}.plan-comparison__benefits-list li,.plan-comparison__subtitle{font-size:var(--text-sm)}}.plan-selector{display:flex;flex-direction:column;width:100%;gap:var(--spacing-lg)}.plan-selector__header{display:flex;align-items:flex-start;width:100%}.plan-selector__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.5;color:var(--color-text)}.plan-selector__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);width:100%}@media(width >= 640px){.plan-selector__grid{grid-template-columns:repeat(2,1fr)}}@media(width >= 1024px){.plan-selector__grid{grid-template-columns:repeat(3,1fr)}}.plan-card{display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--space-16);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.plan-card:hover:not(.plan-card--disabled){border-color:var(--neutral-300)}.plan-card--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.plan-card--disabled .billing-toggle{pointer-events:auto;opacity:1;cursor:pointer}.plan-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.plan-card__header{height:390px}.plan-card__header,.plan-card__header-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.plan-card__title-section{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.plan-card__title{margin:0;font-family:Georgia,serif;font-size:var(--font-size-2xl);line-height:1;color:var(--color-text)}.plan-card__description{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);height:50px}.plan-card__user-badge{display:flex;align-items:center;gap:var(--spacing-sm);height:calc(var(--spacing-sm)*2 + 18px)}.plan-card__user-badge-icon{color:var(--color-text)}.plan-card__billing-type,.plan-card__user-badge-text{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text)}.plan-card__billing-type{display:flex;align-items:center;height:calc(var(--spacing-xs)*2 + 37px)}.plan-card__member-selector{display:flex;align-items:center;gap:var(--spacing-md)}.plan-card__member-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background-color:var(--neutral-300);border:1px solid var(--neutral-300);border-radius:var(--radius-large);cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.plan-card__member-btn:hover:not(:disabled){background-color:var(--neutral-200)}.plan-card__member-btn:disabled{opacity:.2;cursor:not-allowed}.plan-card__member-count{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text)}.billing-toggle{display:flex;align-items:center;align-self:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs);background:var(--neutral-100);border-radius:var(--space-12)}.billing-toggle__option{padding:var(--spacing-sm) var(--space-12);background:rgba(0,0,0,0);border:none;border-radius:var(--space-8);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--neutral-500);cursor:pointer;position:relative;z-index:1;white-space:nowrap;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-normal) var(--easing-smooth),box-shadow var(--duration-normal) var(--easing-smooth)}.billing-toggle__option--active{background:var(--color-bg-primary);color:var(--color-text);box-shadow:0 0 5px 0 rgba(0,0,0,.02),0 2px 10px 0 rgba(0,0,0,.06),0 0 1px 0 rgba(0,0,0,.3)}.billing-toggle__option:hover:not(.billing-toggle__option--active){color:var(--neutral-700)}.plan-card__pricing{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:left;padding-top:var(--spacing-sm)}.plan-card__price-container{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs)}.plan-card__price-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.plan-card__price-row{display:flex;align-items:flex-end;gap:var(--spacing-xs)}.plan-card__price-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.plan-card__price-period{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text)}.plan-card__vat-note{margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-snug);color:var(--color-text)}.plan-card__discount-container{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);white-space:nowrap}.plan-card__discount-details{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.plan-card__discount-badge{color:var(--color-danger);font-weight:var(--font-weight-normal)}.plan-card__price-original{color:var(--neutral-500);text-decoration:line-through}.plan-card__price-yearly{color:var(--color-text)}.plan-card__savings{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-primary);text-align:right;white-space:nowrap}.plan-card__action{padding-top:var(--spacing-lg)}.plan-card__action--custom{margin-top:auto}.plan-card__btn{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.5;text-align:center;text-decoration:none;border-radius:var(--radius-full);border:1px solid var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.plan-card__btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.plan-card__btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.plan-card__btn--secondary{background-color:var(--color-bg-primary);color:var(--color-text-muted)}.plan-card__btn--secondary:hover:not(:disabled){background-color:var(--color-primary-subtle)}.plan-card__btn:disabled{cursor:not-allowed;opacity:.6}.plan-card__features{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius)}.plan-card__features-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:rgba(0,0,0,0);border:none;cursor:pointer;text-align:left}.plan-card__features-toggle-text{margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text)}.plan-card__features-toggle-icon{color:var(--color-text);transition:transform var(--transition-fast)}.plan-card__features-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.plan-card__feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);text-align:left}.plan-card__feature-icon{flex-shrink:0;margin-top:2px;color:var(--color-success)}.plan-card__feature-text{flex:1;margin:0;font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);white-space:pre-line}.subscription-tab-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.subscription-tab-content__section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.subscription-tab-content__section-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.subscription-tab-content__loading{padding:var(--spacing-2xl);background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);text-align:center}.subscription-tab-content__loading p{margin:0;font-size:var(--text-base);color:var(--color-text-muted);font-style:italic}.subscription-tab-content__error{padding:var(--spacing-2xl);background-color:var(--error-50);border:var(--border-width) solid var(--error-200);border-radius:var(--radius);text-align:center}.subscription-tab-content__error p{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-base);color:var(--error-800);font-weight:var(--weight-medium)}.subscription-tab-content__error p:last-child{margin-bottom:0}.subscription-tab-content__error-detail{font-size:var(--text-sm)!important;color:var(--error-700)!important;font-weight:var(--weight-normal)!important;font-family:monospace}@media(width >= 640px){.subscription-tab-content{gap:var(--spacing-xl)}.subscription-tab-content__section-title{font-size:var(--text-xl)}.subscription-tab-content__error,.subscription-tab-content__loading{padding:var(--spacing-lg)}}.billing-tab-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.billing-tab-content__section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-tab-content__section-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.billing-tab-content__loading{padding:var(--spacing-2xl);background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);text-align:center}.billing-tab-content__loading p{margin:0;font-size:var(--text-base);color:var(--color-text-muted);font-style:italic}.billing-tab-content__error{padding:var(--spacing-2xl);background-color:var(--error-50);border:var(--border-width) solid var(--error-200);border-radius:var(--radius);text-align:center}.billing-tab-content__error p{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-base);color:var(--error-800);font-weight:var(--weight-medium)}.billing-tab-content__error p:last-child{margin-bottom:0}.billing-tab-content__error-detail{font-size:var(--text-sm)!important;color:var(--error-700)!important;font-weight:var(--weight-normal)!important;font-family:monospace}@media(width >= 640px){.billing-tab-content{gap:var(--spacing-xl)}.billing-tab-content__section-title{font-size:var(--text-xl)}.billing-tab-content__error,.billing-tab-content__loading{padding:var(--spacing-lg)}}.payment-method-card{width:100%;padding:var(--spacing-xl);background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-method-card--empty{flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-style:dashed}.payment-method-card__icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);border-radius:var(--radius)}.payment-method-card__icon{width:24px;height:24px;color:var(--color-text-muted)}.payment-method-card__content{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.payment-method-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.payment-method-card__description{font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--color-text-muted);margin:0}.payment-method-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.payment-method-card__brand{display:flex;align-items:center;gap:var(--spacing-md)}.payment-method-card__brand-icon{width:32px;height:32px;color:var(--color-primary);flex-shrink:0}.payment-method-card__brand-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.payment-method-card__brand-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.payment-method-card__card-number{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--line-height-tight);color:var(--color-text-muted);font-variant-numeric:tabular-nums;letter-spacing:.05em;margin:0}.payment-method-card__badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;background-color:var(--success-50);color:var(--success-700)}.payment-method-card__details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:var(--border-width) solid var(--color-border)}.payment-method-card__detail{display:flex;justify-content:space-between;align-items:center}.payment-method-card__detail-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.payment-method-card__detail-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.payment-method-card__actions{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:var(--border-width) solid var(--color-border)}.payment-method-card__button{width:100%}.payment-method-card__help-text{font-size:var(--text-xs);line-height:var(--line-height-normal);color:var(--color-text-muted);margin:0;text-align:center}@media(width >= 640px){.payment-method-card{padding:var(--spacing-lg)}.payment-method-card--empty{flex-direction:column;text-align:center}.payment-method-card__header{flex-direction:column;align-items:flex-start}.payment-method-card__badge{align-self:flex-start}}.invoice-list{width:100%;background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow:hidden}.invoice-list-empty{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-3xl);text-align:center;background-color:var(--color-bg-secondary);border:var(--border-width) dashed var(--color-border)}.invoice-list-empty,.invoice-list-empty__icon-wrapper{display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.invoice-list-empty__icon-wrapper{width:64px;height:64px;background-color:var(--color-bg-primary)}.invoice-list-empty__icon{width:32px;height:32px;color:var(--color-text-muted)}.invoice-list-empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.invoice-list-empty__description{font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--color-text-muted);margin:0;max-width:400px}.invoice-list__table-wrapper{width:100%;overflow-x:auto}.invoice-list__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.invoice-list__thead{background-color:var(--color-bg-secondary);border-bottom:var(--border-width) solid var(--color-border)}.invoice-list__th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.invoice-list__th:last-child{text-align:right}.invoice-list__tbody{background-color:var(--color-bg-primary)}.invoice-list__row{border-bottom:var(--border-width) solid var(--color-border)}.invoice-list__row:last-child{border-bottom:none}.invoice-list__row:hover{background-color:var(--color-bg-secondary);transition:background-color var(--duration-fast) var(--easing-smooth)}.invoice-list__td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--color-text)}.invoice-list__td:last-child{text-align:right}.invoice-list__td--date{font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap}.invoice-list__td--description{color:var(--color-text-muted);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-list__td--amount{font-weight:var(--weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-list__td--actions,.invoice-list__td--status{white-space:nowrap}.invoice-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:capitalize}.invoice-status--paid{background-color:var(--success-50);color:var(--success-700)}.invoice-status--open{background-color:var(--warning-50);color:var(--warning-700)}.invoice-status--uncollectible,.invoice-status--void{background-color:var(--error-50);color:var(--error-700)}.invoice-status--draft{background-color:var(--neutral-100);color:var(--color-text-muted)}.invoice-list__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.invoice-list__action-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);white-space:nowrap}.invoice-list__action-icon{width:14px;height:14px;flex-shrink:0}@media(width >= 768px){.invoice-list__table{font-size:var(--text-xs)}.invoice-list__td,.invoice-list__th{padding:var(--spacing-sm) var(--spacing-md)}}@media(width <= 639px){.invoice-list-empty{padding:var(--spacing-2xl)}.invoice-list__table{display:block;overflow-x:auto}.invoice-list__td,.invoice-list__th{padding:var(--spacing-sm)}.invoice-list__td--description,.invoice-list__th:nth-child(2){display:none}}.team-member-selector{width:100%;max-width:600px;padding:var(--spacing-2xl);background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-xl)}.team-member-selector__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.team-member-selector__icon{width:48px;height:48px;color:var(--color-primary)}.team-member-selector__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0}.team-member-selector__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.team-member-selector__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.team-member-selector__option{padding:var(--spacing-lg);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.team-member-selector__option:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.1)}.team-member-selector__option--selected{border-color:var(--color-primary);background-color:var(--primary-50);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.team-member-selector__option-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.team-member-selector__option-count{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.team-member-selector__option-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-600);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em}.team-member-selector__option-price{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-primary)}.team-member-selector__option-billing{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-muted)}.team-member-selector__summary{padding:var(--spacing-lg);background-color:var(--neutral-50);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-sm)}.team-member-selector__summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--color-text)}.team-member-selector__summary-row--highlight{padding-top:var(--spacing-sm);border-top:var(--border-width) solid var(--color-border);font-size:var(--text-lg);color:var(--color-primary)}.team-member-selector__summary-row strong{font-weight:var(--weight-semibold)}.team-member-selector__notice{padding:var(--spacing-md);background-color:var(--info-50);border:var(--border-width) solid var(--info-200);border-radius:var(--radius-sm);text-align:center}.team-member-selector__notice p{font-size:var(--text-sm);color:var(--info-800);margin:0}.team-member-selector__contact-link{background:none;border:none;color:var(--color-primary);font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer;padding:0}.team-member-selector__contact-link:hover{text-decoration:none}.team-member-selector__actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(width >= 640px){.team-member-selector{padding:var(--spacing-xl)}.team-member-selector__options{grid-template-columns:1fr}.team-member-selector__option-price{font-size:var(--text-lg)}}.add-team-member-modal{width:100%;max-width:500px;padding:var(--spacing-2xl);background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-xl)}.add-team-member-modal__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.add-team-member-modal__icon{width:48px;height:48px;color:var(--color-primary)}.add-team-member-modal__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0}.add-team-member-modal__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.add-team-member-modal__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.add-team-member-modal__status{display:flex;justify-content:space-around;padding:var(--spacing-md);background-color:var(--neutral-50);border-radius:var(--radius)}.add-team-member-modal__status-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center}.add-team-member-modal__status-label{font-size:var(--text-sm);color:var(--color-text-muted)}.add-team-member-modal__status-item strong{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-primary)}.add-team-member-modal__selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-team-member-modal__label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.add-team-member-modal__input-group{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center}.add-team-member-modal__button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary);cursor:pointer;transition:all .2s ease}.add-team-member-modal__button:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--primary-50)}.add-team-member-modal__button:disabled{opacity:.4;cursor:not-allowed}.add-team-member-modal__input{width:120px;height:56px;text-align:center;font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text);background-color:var(--neutral-50);border:2px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-sm)}.add-team-member-modal__input:focus{outline:none;border-color:var(--color-primary)}.add-team-member-modal__input::-webkit-inner-spin-button,.add-team-member-modal__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-team-member-modal__input[type=number]{-moz-appearance:textfield}.add-team-member-modal__pricing{padding:var(--spacing-lg);background-color:var(--neutral-50);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-sm)}.add-team-member-modal__pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--color-text)}.add-team-member-modal__pricing-row--highlight{padding-top:var(--spacing-sm);border-top:var(--border-width) solid var(--color-border);font-size:var(--text-lg);color:var(--color-primary)}.add-team-member-modal__pricing-row strong{font-weight:var(--weight-semibold)}.add-team-member-modal__notice{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--info-50);border:var(--border-width) solid var(--info-200);border-radius:var(--radius-sm)}.add-team-member-modal__notice-icon{width:20px;height:20px;color:var(--info-600);flex-shrink:0;margin-top:2px}.add-team-member-modal__notice-text{font-size:var(--text-sm);color:var(--info-800);margin:0}.add-team-member-modal__notice-text strong{font-weight:var(--weight-semibold)}.add-team-member-modal__max-notice{padding:var(--spacing-md);background-color:var(--warning-50);border:var(--border-width) solid var(--warning-200);border-radius:var(--radius-sm);text-align:center}.add-team-member-modal__max-notice p{font-size:var(--text-sm);color:var(--warning-800);margin:0}.add-team-member-modal__contact-link{background:none;border:none;color:var(--color-primary);font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer;padding:0}.add-team-member-modal__contact-link:hover{text-decoration:none}.add-team-member-modal__error{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--error-50);border:var(--border-width) solid var(--error-200);border-radius:var(--radius-sm)}.add-team-member-modal__error p{font-size:var(--text-sm);color:var(--error-800);margin:0}.add-team-member-modal__error-icon{width:20px;height:20px;color:var(--error-600);flex-shrink:0;margin-top:2px}.add-team-member-modal__actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(width >= 640px){.add-team-member-modal{padding:var(--spacing-xl)}.add-team-member-modal__input{width:100px;height:48px;font-size:var(--text-2xl)}.add-team-member-modal__button{width:40px;height:40px;font-size:var(--text-xl)}}.upgrade-to-teams-prompt{padding:var(--spacing-2xl) 0;overflow-y:auto;overflow-x:hidden}.teams-preview-section{padding:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);background:var(--neutral-50)}.teams-preview-section .team-progress--preview,.teams-preview-section .team-stats--preview{opacity:.7}.teams-preview-section .team-members-list--preview{display:flex;flex-direction:column;gap:var(--spacing-md);opacity:.6;pointer-events:none}.teams-preview-section .team-members-list--preview .member-card--preview{cursor:not-allowed}.upgrade-cta--compact{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.upgrade-cta--compact .upgrade-cta-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text);margin:0;max-width:600px;line-height:var(--line-height-relaxed)}.member-card--skeleton{opacity:.8}@media(max-width:768px){.teams-preview-section{padding:var(--spacing-lg)}.upgrade-cta--compact{padding:var(--spacing-md)}}.max-capacity-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) 0}.max-capacity-content .info-card{padding:var(--spacing-lg);background:var(--neutral-50);border-radius:var(--radius-medium)}.max-capacity-content .info-card h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--neutral-900);margin:0 0 var(--spacing-sm) 0}.max-capacity-content .info-card p{font-size:var(--text-sm);color:var(--neutral-700);margin:0 0 var(--spacing-md) 0}.max-capacity-content .info-card ul{margin:0;padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.max-capacity-content .info-card ul li{font-size:var(--text-sm);color:var(--neutral-700)}.max-capacity-content .contact-info{padding:var(--spacing-md);background:var(--color-primary-subtle);border-left:4px solid var(--color-primary);border-radius:var(--radius-small)}.max-capacity-content .contact-info p{font-size:var(--text-sm);color:var(--neutral-800);margin:0}.modal-icon--warning{background:#fef3c7;color:#f59e0b}.team-activity-logs{margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background:var(--neutral-50);border:var(--border-width) solid var(--neutral-200);border-radius:var(--radius-large)}.team-activity-logs__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg);line-height:var(--line-height-tight)}.team-activity-logs__empty,.team-activity-logs__error,.team-activity-logs__loading{padding:var(--spacing-2xl) 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.team-activity-logs__error{color:var(--danger-600)}.team-activity-logs__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-log-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:var(--border-width) solid var(--neutral-200);border-radius:var(--radius-medium);transition:all var(--transition-fast)}.activity-log-item:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.activity-log-item__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--text-lg);flex-shrink:0}.activity-log-item__content{flex:1;min-width:0}.activity-log-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.activity-log-item__action{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.activity-log-item__time{white-space:nowrap}.activity-log-item__details,.activity-log-item__time{font-size:var(--text-xs);color:var(--color-text-muted)}.activity-log-item__details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.activity-log-item__target,.activity-log-item__user{font-family:var(--font-mono);color:var(--neutral-700)}.activity-log-item__metadata{font-size:var(--text-xs);color:var(--neutral-500);font-style:italic}@media(width >= 640px){.team-activity-logs{padding:var(--spacing-md)}.team-activity-logs__title{font-size:var(--text-lg)}.activity-log-item{padding:var(--spacing-sm)}.activity-log-item__icon{width:24px;height:24px;font-size:var(--text-base)}.activity-log-item__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.activity-log-item__time{font-size:10px}}.pending-invitations-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--neutral-50);border:var(--border-width) solid var(--neutral-200);border-radius:var(--radius-large)}.pending-invitations-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:var(--border-width) solid var(--neutral-200)}.pending-invitations-section .section-header-content{display:flex;align-items:center;gap:var(--spacing-md)}.pending-invitations-section .section-icon{color:var(--color-primary);flex-shrink:0}.pending-invitations-section .section-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.pending-invitations-section .section-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0;line-height:var(--line-height-normal)}.pending-invitations-section .section-badge{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-medium);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.pending-invitations-section .loading-state{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.pending-invitations-section .error-message{padding:var(--spacing-md);background:var(--red-50);border:var(--border-width) solid var(--red-200);border-radius:var(--radius-medium);color:var(--red-700);font-size:var(--text-sm);font-weight:var(--weight-medium)}.pending-invitations-section .invitations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.invitation-card{background:#fff;border:var(--border-width) solid var(--neutral-300);border-radius:var(--radius-medium);padding:var(--spacing-lg);transition:all var(--transition-normal)}.invitation-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-400)}.invitation-card--pending{border-left:4px solid var(--color-warning)}.invitation-card--revoked{border-left:4px solid var(--danger-500);opacity:.85;background:var(--neutral-25)}.invitation-card .invitation-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.invitation-card .status-icon{flex-shrink:0;margin-top:2px}.invitation-card .status-icon--pending{color:var(--color-warning)}.invitation-card .status-icon--revoked{color:var(--danger-500)}.invitation-card .invitation-info{flex:1;min-width:0}.invitation-card .invitation-email{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs);word-break:break-word}.invitation-card .invitation-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.invitation-card .invitation-role-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);background:var(--cyan-100);color:var(--cyan-700);border-radius:var(--radius-small);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.5px}.invitation-card .invitation-date{font-size:var(--text-xs);color:var(--color-text-muted)}.invitation-card .invitation-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width) solid var(--neutral-200)}.invitation-card .invitation-status{display:flex;align-items:center}.invitation-card .status-badge{display:inline-flex;align-items:center;padding:4px var(--spacing-md);border-radius:var(--radius-small);font-size:var(--text-sm);font-weight:var(--weight-medium)}.invitation-card .status-badge--pending{background:var(--warning-50);color:var(--warning-700);border:var(--border-width) solid var(--warning-200)}.invitation-card .status-badge--revoked{background:var(--red-50);color:var(--red-700);border:var(--border-width) solid var(--red-200)}.invitation-card .invitation-actions,.invitation-card .invitation-revoked-message{display:flex;align-items:center;gap:var(--spacing-sm)}.invitation-card .invitation-revoked-message{padding:var(--spacing-sm) var(--spacing-md);background:var(--red-50);border-radius:var(--radius-small);font-size:var(--text-sm);color:var(--red-700)}.invitation-card .invitation-revoked-message .revoked-icon{font-size:var(--text-base)}@media(width >= 640px){.pending-invitations-section{padding:var(--spacing-md)}.pending-invitations-section .section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.pending-invitations-section .section-badge{align-self:flex-start}.invitation-card{padding:var(--spacing-md)}.invitation-card .invitation-card-footer{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.invitation-card .invitation-actions{width:100%}.invitation-card .invitation-actions button{flex:1}.invitation-card .invitation-revoked-message{width:100%;justify-content:center}}.teams-tab-content{overflow-y:auto;overflow-x:hidden}.teams-tab-content .loading-message{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.teams-max-capacity-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary-subtle) 0,rgba(255,255,255,.5) 100%);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-large)}.teams-max-capacity-banner .banner-content{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1}.teams-max-capacity-banner .banner-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-medium);background:var(--color-primary);color:#fff;flex-shrink:0}.teams-max-capacity-banner .banner-text{flex:1}.teams-max-capacity-banner .banner-text h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--neutral-900);margin:0 0 var(--spacing-xs) 0}.teams-max-capacity-banner .banner-text p{font-size:var(--text-sm);color:var(--neutral-700);margin:0}@media(max-width:768px){.teams-max-capacity-banner{flex-direction:column;align-items:stretch}.teams-max-capacity-banner .banner-content{flex-direction:column}.teams-max-capacity-banner a{width:100%}}.teams-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.teams-header .teams-header-text{flex:1}.teams-header .teams-header-text h3{font-size:var(--text-2xl);font-weight:var(--weight-semibold);margin:0 0 var(--spacing-sm);color:var(--color-text);line-height:var(--line-height-tight)}.teams-header .teams-header-text p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-normal)}.team-stats{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.team-stats .team-stats-label{font-size:var(--text-sm);color:var(--color-text-muted)}.team-stats .team-stats-label .team-stats-count{font-weight:var(--weight-semibold);color:var(--color-text)}.team-stats .team-stats-percentage{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.team-progress{width:100%;height:var(--space-8);background:var(--neutral-200);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--spacing-2xl)}.team-progress .team-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-hover) 100%);transition:width var(--transition-normal);border-radius:var(--radius)}.team-members-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.team-members-list .empty-state{padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;background:var(--neutral-50);border-radius:var(--radius-large);border:var(--border-width) dashed var(--neutral-300)}.team-members-list .empty-state p{margin:0 0 var(--spacing-lg);color:var(--color-text-muted);font-size:var(--text-base)}.member-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-medium);transition:all var(--transition-fast)}.member-card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-base)}.member-card--empty{background:var(--neutral-50);border-style:solid;border-color:var(--neutral-200)}.member-card--empty .member-avatar,.member-card--empty .member-avatar--empty{background:var(--neutral-200)}.member-card--plus-upgrade{background:linear-gradient(135deg,var(--color-primary-subtle) 0,var(--color-background) 100%);border-style:solid;border-color:var(--color-primary-border);cursor:pointer;transition:all var(--transition-normal)}.member-card--plus-upgrade:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.member-card--plus-upgrade .member-avatar{background:var(--color-primary)}.member-card--plus-upgrade .member-avatar--plus-upgrade{background:var(--color-primary);color:var(--color-text-inverse)}.member-card--skeleton{background:rgba(0,0,0,0);border-style:dashed;border-color:var(--neutral-200);opacity:.5;transition:all var(--transition-normal)}.member-card--skeleton:hover{opacity:1;border-color:var(--color-primary);background:var(--color-primary-subtle)}.member-card--skeleton .member-avatar,.member-card--skeleton .member-avatar--skeleton{background:var(--neutral-100)}.member-card--skeleton .member-email,.member-card--skeleton .member-name{color:var(--neutral-400)}.member-card .member-avatar{flex-shrink:0;width:var(--space-48);height:var(--space-48);border-radius:var(--radius-full);overflow:hidden;background:var(--color-primary);display:flex;align-items:center;justify-content:center}.member-card .member-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.member-card .member-avatar .member-avatar-initials{color:var(--color-text-inverse);font-weight:var(--weight-semibold);font-size:var(--text-lg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.member-card .member-avatar--pending{background:rgba(0,0,0,0)}.member-card .member-info{flex:1;min-width:0}.member-card .member-info .member-name{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--spacing-xs);line-height:var(--line-height-snug)}.member-card .member-info .member-email{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--line-height-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card .member-status-badge{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--weight-medium)}.member-card .member-status-badge--active{background:var(--color-primary-subtle);color:var(--color-primary-dark)}.member-card .member-status-badge--pending{background:var(--color-warning-subtle);color:var(--color-warning-dark)}.member-card .member-role-badge{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--neutral-100);color:var(--color-text-muted)}.add-member-modal-form{display:flex;flex-direction:column;gap:1.5rem}.add-member-modal-form .form-group{display:flex;flex-direction:column;gap:.5rem}.add-member-modal-form .form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.add-member-modal-form .role-options{display:flex;flex-direction:column;gap:.75rem}.add-member-modal-form .role-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;transition:all .2s ease}.add-member-modal-form .role-option:hover{border-color:var(--cyan-500);background:var(--cyan-50)}.add-member-modal-form .role-option input[type=radio]{margin-top:.125rem;flex-shrink:0;cursor:pointer}.add-member-modal-form .role-option input[type=radio]:checked+.role-option-label{font-weight:500}.add-member-modal-form .role-option .role-option-label{font-size:.875rem;color:var(--text-secondary);cursor:pointer;line-height:1.5}.add-member-modal-form .role-option:has(input:checked){border-color:var(--cyan-500);background:var(--cyan-50)}.add-member-modal-form .role-option:has(input:disabled){opacity:.6;cursor:not-allowed}.add-member-modal-form .subscription-impact{background:var(--gray-50);border-radius:8px;padding:1.25rem;border:1px solid var(--gray-200)}.add-member-modal-form .subscription-impact .subscription-impact-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.add-member-modal-form .subscription-impact .impact-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary)}.add-member-modal-form .subscription-impact .impact-row--highlight{padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--gray-200);font-weight:600}.add-member-modal-form .subscription-impact .impact-row .impact-row-value--cyan{color:var(--cyan-600);font-weight:600}.add-member-modal-form .subscription-impact .proration-notice{margin-top:1rem;padding:.75rem;background:#fff;border-radius:4px;font-size:.8125rem;color:var(--text-secondary);text-align:center}.add-member-modal-form .error-message{padding:.75rem 1rem;background:var(--red-50);border:1px solid var(--red-200);border-radius:6px;color:var(--red-700);font-size:.875rem;font-weight:500}.add-member-modal-form .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.input-wrapper{position:relative;width:100%}.input-wrapper--small{--input-height:32px;--input-padding-x:8px;--input-font-size:0.875rem}.input-wrapper--medium{--input-height:40px;--input-padding-x:12px;--input-font-size:0.875rem}.input-wrapper--large{--input-height:48px;--input-padding-x:16px;--input-font-size:1rem}.input{width:100%;height:var(--input-height);padding:0 var(--input-padding-x);font-size:var(--input-font-size);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);color:var(--color-text);background:rgba(0,0,0,0);border:2px solid var(--color-border-input);border-radius:var(--radius);outline:none;transition:all .25s ease}.input::-moz-placeholder{color:var(--color-text-muted);opacity:1}.input::placeholder{color:var(--color-text-muted);opacity:1}.input:focus{border-color:var(--color-primary);outline:2px solid rgba(0,0,0,0);outline-offset:2px}.input:hover:not(:focus):not(:disabled){border-color:var(--color-text-muted)}.input--error{border-color:var(--color-danger);color:var(--color-danger)}.input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-subtle)}.input--success,.input--success:focus{border-color:var(--color-success)}.input--success:focus{box-shadow:0 0 0 3px var(--color-success-subtle)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--neutral-100)}.input--bordered{border:2px solid var(--color-border-input);background:rgba(0,0,0,0)}.input--flat{border:2px solid rgba(0,0,0,0);background:var(--neutral-100)}.input--flat:hover:not(:disabled){background:var(--neutral-200)}.input--flat:focus{background:var(--neutral-100);border-color:var(--color-primary)}.input--underlined{border:none;border-bottom:2px solid var(--neutral-200);border-radius:0;background:rgba(0,0,0,0);padding-left:0;padding-right:0}.input--underlined:hover:not(:disabled){border-bottom-color:var(--color-text-muted)}.input--underlined:focus{border-bottom-color:var(--color-primary);outline:none}.input-start-content{position:absolute;left:var(--input-padding-x);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;z-index:1}.input-start-content~.input{padding-left:calc(var(--input-padding-x) + var(--space-20) + var(--space-8))}.input-end-content{position:absolute;right:var(--input-padding-x);top:50%;transform:translateY(-50%);color:var(--color-text-muted);z-index:1}.input-end-content~.input{padding-right:calc(var(--input-padding-x) + var(--space-20) + var(--space-8))}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.input-helper-text{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.input-helper-text--error{color:var(--color-danger)}.input-helper-text--success{color:var(--color-success)}.input-wrapper--full-width{width:100%}.textarea-wrapper{position:relative;width:100%}.textarea-wrapper--small{--textarea-min-height:64px;--textarea-padding:8px;--textarea-font-size:0.875rem}.textarea-wrapper--medium{--textarea-min-height:80px;--textarea-padding:8px 12px;--textarea-font-size:0.875rem}.textarea-wrapper--large{--textarea-min-height:100px;--textarea-padding:12px 16px;--textarea-font-size:1rem}.textarea{width:100%;min-height:var(--textarea-min-height);padding:var(--textarea-padding);font-size:var(--textarea-font-size);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-text);background:rgba(0,0,0,0);border:2px solid var(--color-border-input);border-radius:var(--radius);outline:none;resize:vertical;transition:all .25s ease}.textarea::-moz-placeholder{color:var(--color-text-muted);opacity:1}.textarea::placeholder{color:var(--color-text-muted);opacity:1}.textarea:focus{border-color:var(--color-primary);outline:2px solid rgba(0,0,0,0);outline-offset:2px}.textarea:hover:not(:focus):not(:disabled){border-color:var(--color-text-muted)}.textarea--error,.textarea--error:focus{border-color:var(--color-danger)}.textarea--error:focus{box-shadow:0 0 0 3px var(--color-danger-subtle)}.textarea--success,.textarea--success:focus{border-color:var(--color-success)}.textarea--success:focus{box-shadow:0 0 0 3px var(--color-success-subtle)}.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--neutral-100);resize:none}.textarea--bordered{border:2px solid var(--color-border-input);background:rgba(0,0,0,0)}.textarea--flat{border:2px solid rgba(0,0,0,0);background:var(--neutral-100)}.textarea--flat:hover:not(:disabled){background:var(--neutral-200)}.textarea--flat:focus{background:var(--neutral-100);border-color:var(--color-primary)}.textarea--underlined{border:none;border-bottom:2px solid var(--neutral-200);border-radius:0;background:rgba(0,0,0,0)}.textarea--underlined:hover:not(:disabled){border-bottom-color:var(--neutral-400)}.textarea--underlined:focus{border-bottom-color:var(--color-primary);outline:none}.textarea--auto-resize{resize:none;overflow:hidden}.textarea--chat-compose{min-height:auto;height:auto;max-height:200px;overflow-y:auto;padding:1rem;background:#fff;box-shadow:none;border:none;border-radius:.75rem;font-size:var(--font-size-base);line-height:var(--line-height-normal);resize:none;outline:none!important;transition:height .1s ease}.textarea--chat-compose:focus{border:none;box-shadow:none;outline:none!important;ring:0}.textarea--chat-compose:focus-visible{outline:none!important;ring:0}.textarea--chat-compose::-moz-placeholder{color:var(--color-text-muted)}.textarea--chat-compose::placeholder{color:var(--color-text-muted)}.textarea--chat-compose:hover:not(:disabled){border:none;background:#fff}.textarea-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.textarea-helper-text{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.textarea-helper-text--error{color:var(--color-danger)}.textarea-helper-text--success{color:var(--color-success)}.textarea-char-count{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;margin-top:var(--spacing-xs)}.textarea-char-count--over-limit{color:var(--color-danger)}.textarea-wrapper--full-width{width:100%}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;position:relative}.checkbox-wrapper--small{--checkbox-size:16px;--checkbox-font-size:0.875rem}.checkbox-wrapper--medium{--checkbox-size:20px;--checkbox-font-size:0.875rem}.checkbox-wrapper--large{--checkbox-size:24px;--checkbox-font-size:1rem}.checkbox-wrapper--disabled{cursor:not-allowed;opacity:.5}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-indicator{position:relative;width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--color-border-input);border-radius:var(--space-4);background:rgba(0,0,0,0);transition:all .25s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkbox-indicator:after{content:"";width:60%;height:60%;background:var(--color-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain;opacity:0;transform:scale(.5);transition:all .25s ease}.checkbox-wrapper:hover:not(.checkbox-wrapper--disabled) .checkbox-indicator{border-color:var(--color-primary);background:var(--color-primary-subtle)}.checkbox-input:focus+.checkbox-indicator{border-color:var(--color-primary);outline:2px solid rgba(0,0,0,0);outline-offset:2px}.checkbox-input:checked+.checkbox-indicator{border-color:var(--color-primary);background:var(--color-primary)}.checkbox-input:checked+.checkbox-indicator:after{opacity:1;transform:scale(1);background:var(--color-text-inverse)}.checkbox-input:indeterminate+.checkbox-indicator{border-color:var(--color-primary);background:var(--color-primary)}.checkbox-input:indeterminate+.checkbox-indicator:after{opacity:1;transform:scale(1);background:var(--color-text-inverse);-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center}.checkbox-wrapper--error .checkbox-indicator{border-color:var(--color-danger)}.checkbox-wrapper--error .checkbox-indicator:hover{border-color:var(--color-danger);background:var(--color-danger-subtle)}.checkbox-input:checked+.checkbox-wrapper--error .checkbox-indicator{background:var(--color-danger);border-color:var(--color-danger)}.checkbox-input:focus+.checkbox-wrapper--error .checkbox-indicator{box-shadow:0 0 0 3px var(--color-danger-subtle)}.checkbox-wrapper--success .checkbox-indicator{border-color:var(--color-success)}.checkbox-input:checked+.checkbox-wrapper--success .checkbox-indicator{background:var(--color-success);border-color:var(--color-success)}.checkbox-input:focus+.checkbox-wrapper--success .checkbox-indicator{box-shadow:0 0 0 3px var(--color-success-subtle)}.checkbox-wrapper--disabled .checkbox-indicator{border-color:var(--color-border-input);background:var(--neutral-100)}.checkbox-input:checked+.checkbox-wrapper--disabled .checkbox-indicator{background:var(--neutral-400);border-color:var(--neutral-400)}.checkbox-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.checkbox-label{font-size:var(--checkbox-font-size);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.4}.checkbox-wrapper--disabled .checkbox-label{color:var(--color-text-disabled)}.checkbox-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.checkbox-wrapper--disabled .checkbox-description{color:var(--color-text-disabled)}.checkbox-error-message{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--spacing-xs)}.select-wrapper{position:relative;width:100%}.select-wrapper--small{--select-height:32px;--select-padding-x:8px;--select-font-size:0.875rem}.select-wrapper--medium{--select-height:40px;--select-padding-x:12px;--select-font-size:0.875rem}.select-wrapper--large{--select-height:48px;--select-padding-x:16px;--select-font-size:1rem}.select-trigger{width:100%;height:var(--select-height);padding:0 calc(var(--select-padding-x) + var(--space-24)) 0 var(--select-padding-x);font-size:var(--select-font-size);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);color:var(--color-text);background:rgba(0,0,0,0);border:2px solid var(--color-border-input);border-radius:var(--radius);outline:none;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:space-between}.select-trigger--placeholder{color:var(--color-text-muted)}.select-trigger:focus{border-color:var(--color-primary);outline:2px solid rgba(0,0,0,0);outline-offset:2px}.select-trigger:hover:not(:focus):not(.select-trigger--disabled){border-color:var(--color-text-muted)}.select-trigger--error,.select-trigger--error:focus{border-color:var(--color-danger)}.select-trigger--error:focus{box-shadow:0 0 0 3px var(--color-danger-subtle)}.select-trigger--success,.select-trigger--success:focus{border-color:var(--color-success)}.select-trigger--success:focus{box-shadow:0 0 0 3px var(--color-success-subtle)}.select-trigger--disabled{opacity:.5;cursor:not-allowed;background:var(--neutral-100)}.select-trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.select-trigger--bordered{border:2px solid var(--color-border-input);background:rgba(0,0,0,0)}.select-trigger--flat{border:2px solid rgba(0,0,0,0);background:var(--neutral-100)}.select-trigger--flat:hover:not(.select-trigger--flat--disabled){background:var(--neutral-200)}.select-trigger--flat--open,.select-trigger--flat:focus{background:var(--neutral-100);border-color:var(--color-primary)}.select-trigger--underlined{border:none;border-bottom:2px solid var(--neutral-200);border-radius:0;background:rgba(0,0,0,0)}.select-trigger--underlined:hover:not(.select-trigger--underlined--disabled){border-bottom-color:var(--color-text-muted)}.select-trigger--underlined--open,.select-trigger--underlined:focus{border-bottom-color:var(--color-primary);outline:none}.select-chevron{position:absolute;right:var(--select-padding-x);top:50%;transform:translateY(-50%);color:var(--color-text-muted);transition:transform .25s ease;pointer-events:none;width:var(--space-16);height:var(--space-16)}.select-trigger--open+.select-chevron{transform:translateY(-50%) rotate(180deg)}.select-trigger--disabled+.select-chevron{color:var(--color-text-disabled)}.select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;background:var(--neutral-0);border:2px solid var(--color-border-input);border-radius:var(--radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);max-height:200px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s ease}.select-dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.select-option{padding:var(--spacing-sm) var(--select-padding-x);font-size:var(--select-font-size);color:var(--color-text);cursor:pointer;transition:background-color .25s ease}.select-option:hover{background:var(--color-bg-secondary)}.select-option--selected{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--font-weight-medium)}.select-option--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.select-option--disabled:hover{background:rgba(0,0,0,0)}.select-option:first-child{border-top-left-radius:calc(var(--radius) - 1px);border-top-right-radius:calc(var(--radius) - 1px)}.select-option:last-child{border-bottom-left-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.select-empty-state{padding:var(--spacing-md) var(--select-padding-x);font-size:var(--select-font-size);color:var(--color-text-muted);text-align:center;font-style:italic}.select-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.select-helper-text{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.select-helper-text--error{color:var(--color-danger)}.select-helper-text--success{color:var(--color-success)}.select-wrapper--full-width{width:100%}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-group--horizontal{flex-direction:row;align-items:center;gap:var(--spacing-lg)}.radio-group--small{--radio-size:16px;--radio-font-size:0.875rem}.radio-group--medium{--radio-size:20px;--radio-font-size:0.875rem}.radio-group--large{--radio-size:24px;--radio-font-size:1rem}.radio-group-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.radio-group-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.radio-wrapper{display:inline-flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;position:relative}.radio-wrapper--disabled{cursor:not-allowed;opacity:.5}.radio-input{position:absolute;opacity:0;width:0;height:0}.radio-indicator{position:relative;width:var(--radio-size);height:var(--radio-size);border:2px solid var(--color-border-input);background:rgba(0,0,0,0);flex-shrink:0;display:flex;align-items:center;justify-content:center}.radio-indicator,.radio-indicator:after{border-radius:50%;transition:all .25s ease}.radio-indicator:after{content:"";width:50%;height:50%;background:var(--color-primary);opacity:0;transform:scale(0)}.radio-wrapper:hover:not(.radio-wrapper--disabled) .radio-indicator{border-color:var(--color-primary);background:var(--color-primary-subtle)}.radio-input:focus+.radio-indicator{border-color:var(--color-primary);outline:2px solid rgba(0,0,0,0);outline-offset:2px}.radio-input:checked+.radio-indicator{border-color:var(--color-primary);background:rgba(0,0,0,0)}.radio-input:checked+.radio-indicator:after{opacity:1;transform:scale(1)}.radio-group--error .radio-wrapper .radio-indicator{border-color:var(--color-danger)}.radio-group--error .radio-wrapper .radio-indicator:hover{border-color:var(--color-danger);background:var(--color-danger-subtle)}.radio-input:checked+.radio-group--error .radio-wrapper .radio-indicator{border-color:var(--color-danger)}.radio-input:checked+.radio-group--error .radio-wrapper .radio-indicator:after{background:var(--color-danger)}.radio-input:focus+.radio-group--error .radio-wrapper .radio-indicator{box-shadow:0 0 0 3px var(--color-danger-subtle)}.radio-group--success .radio-wrapper .radio-indicator,.radio-input:checked+.radio-group--success .radio-wrapper .radio-indicator{border-color:var(--color-success)}.radio-input:checked+.radio-group--success .radio-wrapper .radio-indicator:after{background:var(--color-success)}.radio-input:focus+.radio-group--success .radio-wrapper .radio-indicator{box-shadow:0 0 0 3px var(--color-success-subtle)}.radio-wrapper--disabled .radio-indicator{border-color:var(--color-border-input);background:var(--neutral-100)}.radio-input:checked+.radio-wrapper--disabled .radio-indicator{border-color:var(--neutral-400)}.radio-input:checked+.radio-wrapper--disabled .radio-indicator:after{background:var(--neutral-400)}.radio-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.radio-label{font-size:var(--radio-font-size);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.4}.radio-wrapper--disabled .radio-label{color:var(--color-text-disabled)}.radio-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.radio-wrapper--disabled .radio-description{color:var(--color-text-disabled)}.radio-group-error-message{color:var(--color-danger)}.radio-group-error-message,.radio-group-helper-text{font-size:var(--text-xs);margin-top:var(--spacing-xs)}.radio-group-helper-text{color:var(--color-text-muted)}.radio-group-helper-text--error{color:var(--color-danger)}.radio-group-helper-text--success{color:var(--color-success)}.cl-formButtonPrimary.mt-4{margin-top:0!important}.settings-page{max-width:1024px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.settings-header{margin-bottom:var(--spacing-xl)}.settings-title{font-size:var(--font-size-4xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs);line-height:var(--line-height-tight)}.settings-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;line-height:var(--line-height-normal)}.settings-content{margin-top:var(--spacing-lg)}@media(width >= 640px){.settings-page{padding:var(--spacing-md) var(--spacing-sm)}.settings-title{font-size:var(--font-size-3xl)}.settings-subtitle{font-size:var(--font-size-sm)}}.upgrade-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-md);background-color:var(--color-bg-primary)}@media(width >= 640px){.upgrade-page{padding:var(--spacing-xl)}}.upgrade-form{display:flex;flex-direction:column;width:100%;max-width:1280px;margin:0 auto;padding:var(--spacing-md);gap:var(--spacing-md);background-color:var(--color-bg-primary);border-radius:var(--radius-large);text-align:left}@media(width >= 640px){.upgrade-form{padding:var(--spacing-lg);gap:var(--spacing-lg)}}@media(width >= 1024px){.upgrade-form{margin:0;padding:var(--spacing-xl);gap:var(--space-48)}}.upgrade-form__back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-base);text-decoration:none;transition:color var(--transition-fast)}.upgrade-form__back-link:hover{color:var(--color-primary)}@media(width >= 640px){.upgrade-form__back-link{font-size:var(--font-size-lg)}}.upgrade-form__error{padding:var(--spacing-md);background-color:var(--color-danger-subtle);border:1px solid var(--red-200);border-radius:var(--radius);font-size:var(--font-size-sm);color:var(--red-800)}.upgrade-form__error-title{font-weight:var(--font-weight-bold)}.upgrade-form__inner{display:flex;flex-direction:column;gap:var(--spacing-lg)}.upgrade-form__section{display:flex;flex-direction:column;gap:var(--spacing-md);text-align:left;max-width:100%}@media(width >= 1024px){.upgrade-form__section{max-width:calc((100% - var(--spacing-lg)*2)/3)}}.upgrade-form__section-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.5;color:var(--color-text)}.upgrade-form__skeleton{height:var(--space-40);width:100%;border-radius:var(--radius);background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.upgrade-modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.upgrade-modal__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.upgrade-modal__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.upgrade-modal__plan-details{padding:var(--spacing-md);background-color:var(--color-primary-subtle);border-radius:var(--radius)}.upgrade-modal__plan-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.upgrade-modal__plan-header-icon{color:var(--color-primary)}.upgrade-modal__plan-header-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.upgrade-modal__plan-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upgrade-modal__plan-row{display:flex;align-items:flex-start;justify-content:space-between}.upgrade-modal__plan-name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.upgrade-modal__plan-price{text-align:right}.upgrade-modal__plan-price-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.upgrade-modal__plan-price-period{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.upgrade-modal__charge-box{padding:var(--spacing-sm);border-radius:var(--radius);margin-top:var(--spacing-sm)}.upgrade-modal__charge-box--prorated{background-color:var(--color-info-subtle);border:1px solid var(--blue-200)}.upgrade-modal__charge-box--full{background-color:var(--neutral-50)}.upgrade-modal__charge-row{display:flex;align-items:center;justify-content:space-between}.upgrade-modal__charge-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.upgrade-modal__charge-label--prorated{color:var(--blue-900)}.upgrade-modal__charge-label--full{color:var(--color-text-muted)}.upgrade-modal__charge-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.upgrade-modal__charge-amount--prorated{color:var(--blue-900)}.upgrade-modal__charge-amount--full{color:var(--color-text)}.upgrade-modal__charge-note{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--blue-700)}.upgrade-modal__payment-method{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius)}.upgrade-modal__payment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.upgrade-modal__payment-header-icon{color:var(--color-text-muted)}.upgrade-modal__payment-header-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.upgrade-modal__payment-card{display:flex;align-items:center;gap:var(--spacing-sm)}.upgrade-modal__payment-card-brand{display:flex;align-items:center;justify-content:center;width:var(--space-64);height:var(--space-40);padding:var(--spacing-xs);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-text-muted)}.upgrade-modal__payment-card-info{display:flex;flex-direction:column}.upgrade-modal__payment-card-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.upgrade-modal__payment-card-description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.upgrade-modal__payment-card-description-amount{font-weight:var(--font-weight-bold)}.upgrade-modal__payment-placeholder{padding:var(--spacing-sm);background-color:var(--neutral-50);border-radius:var(--radius)}.upgrade-modal__payment-placeholder-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.upgrade-modal__notice{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-info-subtle);border:1px solid var(--blue-200);border-radius:var(--radius)}.upgrade-modal__notice-icon{flex-shrink:0;margin-top:2px;color:var(--blue-600)}.upgrade-modal__notice-text{font-size:var(--font-size-sm);color:var(--blue-800)}.upgrade-modal__notice-bold{font-weight:var(--font-weight-bold)}.upgrade-modal__actions{display:flex;gap:var(--spacing-sm)}.upgrade-modal__action-btn{flex:1}.upgrade-modal__skeleton{height:var(--spacing-lg);border-radius:var(--radius);background:linear-gradient(90deg,var(--color-primary-subtle) 25%,var(--color-primary-light) 50%,var(--color-primary-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.upgrade-modal__skeleton--sm{height:var(--spacing-md)}.upgrade-modal__skeleton--lg{height:var(--space-64)}