:root{--brand-darkest:#004d40;--brand-deep:#00796b;--brand-primary:#009688;--brand-light:#26a69a;--brand-mint:#67ddd2;--brand-lime:#cddc39;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--surface-base:#f5f5f7;--surface-elevated:#fff;--surface-hover:#0000000a;--border-subtle:#00000014;--accent:var(--brand-primary);--accent-deep:var(--brand-deep);--accent-light:var(--brand-light);--accent-muted:#0096881f;--accent-border:#0096882e;--accent-on-dark:var(--brand-mint);--accent-on-dark-muted:#67ddd238;--accent-gradient-start:#00968814;--accent-gradient-end:#26a69a0f;--success:var(--brand-deep);--success-muted:#00796b24;--shadow-elevated:0 1px 2px #0000000a, 0 8px 24px #0000000f;--app-bg:linear-gradient(180deg, #67ddd20f 0%, #f5f5f7 8rem, #f5f5f7 100%);--ease-soft:cubic-bezier(.33, 1, .68, 1);--ease-out-expo:cubic-bezier(.33, 1, .68, 1);--motion-fast:.24s;--motion-base:.52s;--motion-slow:.72s;--scrollbar-size:.625rem;--scrollbar-track:#0000000d;--scrollbar-thumb:#00000038;--scrollbar-thumb-hover:#00968880;--scrollbar-thumb-active:#00796bb8;color:var(--text-primary);background:var(--surface-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{color:var(--text-primary);background:#f5f5f7;margin:0}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);transition:background-color var(--motion-fast) var(--ease-soft);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:0 0}#root{min-height:100svh}h1{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 .75rem;font-size:2rem;font-weight:600}p{color:var(--text-secondary);margin:0}section{text-align:left}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar-thumb{transition:none}}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes ui-slide-down{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.app-shell__main>section{animation:ui-fade-up var(--motion-slow) var(--ease-soft) both}.card{animation:ui-fade-up var(--motion-base) var(--ease-soft) both;transition:transform var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft), border-color var(--motion-base) var(--ease-soft)}.card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000008,0 10px 24px #0000000f}.stack>.card:nth-child(2){animation-delay:90ms}.stack>.card:nth-child(3){animation-delay:.18s}.stack>.card:nth-child(4){animation-delay:.27s}.home-hero,.config-hero{animation:ui-slide-down var(--motion-base) var(--ease-soft) both}.templates__grid .template-card{animation:ui-fade-up var(--motion-base) var(--ease-soft) both}.templates__grid .template-card:first-child{animation-delay:60ms}.templates__grid .template-card:nth-child(2){animation-delay:.11s}.templates__grid .template-card:nth-child(3){animation-delay:.16s}.templates__grid .template-card:nth-child(4){animation-delay:.21s}.templates__grid .template-card:nth-child(5){animation-delay:.26s}.templates__grid .template-card:nth-child(6){animation-delay:.31s}.templates__grid .template-card:nth-child(n+7){animation-delay:.36s}.templates__summary{animation:ui-fade-in var(--motion-base) var(--ease-soft) .12s both}.templates__summary .templates__stat{animation:ui-scale-in var(--motion-base) var(--ease-soft) both}.templates__summary .templates__stat:first-child{animation-delay:.14s}.templates__summary .templates__stat:nth-child(2){animation-delay:.2s}.templates__summary .templates__stat:nth-child(3){animation-delay:.26s}.templates__summary .templates__stat:nth-child(4){animation-delay:.32s}.templates__filters{animation:ui-fade-up var(--motion-base) var(--ease-soft) .24s both}.config__list .config__item{animation:ui-fade-up var(--motion-base) var(--ease-soft) both}.config__list .config__item:first-child{animation-delay:60ms}.config__list .config__item:nth-child(2){animation-delay:.12s}.config__list .config__item:nth-child(3){animation-delay:.18s}.config__list .config__item:nth-child(n+4){animation-delay:.24s}.admin-clients__list .admin-clients__item{animation:ui-fade-up var(--motion-base) var(--ease-soft) both}.admin-clients__list .admin-clients__item:first-child{animation-delay:60ms}.admin-clients__list .admin-clients__item:nth-child(2){animation-delay:.12s}.admin-clients__list .admin-clients__item:nth-child(n+3){animation-delay:.18s}.template-new__variables,.template-new__preview{animation:ui-fade-up var(--motion-base) var(--ease-soft) both}.templates__item,.config__item,.admin-clients__item{transition:transform var(--motion-base) var(--ease-soft), border-color var(--motion-base) var(--ease-soft), background-color var(--motion-base) var(--ease-soft)}.templates__item:hover,.config__item:hover,.admin-clients__item:hover{transform:translate(1px)}.badge{animation:ui-scale-in var(--motion-base) var(--ease-soft) both}.templates__error,.config__error,.template-new__error{animation:ui-fade-up var(--motion-base) var(--ease-soft) both}.empty,.page-loader{animation:ui-fade-in var(--motion-base) var(--ease-soft) both}.page-loader__text{animation:ui-fade-up var(--motion-base) var(--ease-soft) .18s both}.login-page{animation:ui-fade-in var(--motion-slow) var(--ease-soft) both}.login-card{animation:ui-scale-in var(--motion-slow) var(--ease-soft) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card:hover,.templates__item:hover,.config__item:hover,.admin-clients__item:hover{transform:none}}.loader{--loader-color:var(--accent);--loader-size:1.375rem;color:var(--text-secondary)}.loader--sm{--loader-size:.875rem}.loader--md{--loader-size:1.375rem}.loader--lg{--loader-size:1.75rem}.loader--default{--loader-color:var(--accent)}.loader--on-dark{--loader-color:#ffffffeb}.loader--inline{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.loader--block,.loader--page,.loader--screen{flex-direction:column;justify-content:center;align-items:center;gap:.875rem;display:flex}.loader--block{width:100%;min-height:7rem}.loader--page{width:100%;min-height:12rem}.loader--screen{width:100%;min-height:100svh}.loader__spinner{width:var(--loader-size);height:var(--loader-size);background:conic-gradient(from 90deg, color-mix(in srgb, var(--loader-color) 8%, transparent) 0deg, var(--loader-color) 300deg, transparent 360deg);border-radius:50%;flex-shrink:0;animation:.9s linear infinite loader-spin;display:block;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - .125rem),#000 calc(100% - .125rem));mask:radial-gradient(farthest-side,#0000 calc(100% - .125rem),#000 calc(100% - .125rem))}.loader__message{letter-spacing:.02em;color:inherit;margin:0;font-size:.8125rem;line-height:1.4}.loader--on-dark{color:#ffffffb8}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader__spinner{animation-duration:1.4s}}.app-account-selector{min-width:0;position:relative}.app-account-selector--loading,.app-account-selector--error,.app-account-selector--empty{color:#ffffffd9;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.625rem;align-items:center;padding:.5rem .75rem;font-size:.8125rem;display:inline-flex}.app-account-selector--error{cursor:pointer;font:inherit}.app-account-selector--error:hover{background:#ffffff1a}.app-account-selector__trigger{color:#fff;width:min(16rem,42vw);min-width:10.5rem;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-base) var(--ease-soft), border-color var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft);background:#ffffff12;border:1px solid #ffffff1f;border-radius:.625rem;align-items:center;gap:.625rem;padding:.4375rem .625rem .4375rem .75rem;display:flex}.app-account-selector__trigger:hover{background:#ffffff1c;border-color:#ffffff2e}.app-account-selector--open .app-account-selector__trigger{box-shadow:0 0 0 2px var(--accent-on-dark-muted);background:#ffffff1f;border-color:#67ddd273}.app-account-selector__trigger-text{flex-direction:column;flex:1;gap:.0625rem;min-width:0;display:flex}.app-account-selector__trigger-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff7a;font-size:.625rem;font-weight:700}.app-account-selector__trigger-value{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden}.app-account-selector__chevron{width:.625rem;height:.625rem;transition:transform var(--motion-base) var(--ease-soft);border-bottom:1.5px solid #ffffffb8;border-right:1.5px solid #ffffffb8;flex-shrink:0;transform:rotate(45deg)translateY(-1px)}.app-account-selector--open .app-account-selector__chevron{transform:rotate(225deg)translateY(1px)}.app-account-selector__menu{z-index:200;background:linear-gradient(#1a2238 0%,#141b2e 100%);border:1px solid #ffffff1f;border-radius:.75rem;width:min(20rem,100vw - 2rem);max-height:min(18rem,50vh);margin:0;padding:.375rem;list-style:none;position:absolute;top:calc(100% + .375rem);right:0;overflow:auto;box-shadow:0 4px 24px #00000059,0 0 0 1px #0003}.app-account-selector__option{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-base) var(--ease-soft);background:0 0;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .6875rem;display:flex}.app-account-selector__option:hover{background:#ffffff14}.app-account-selector__option--selected{background:var(--accent-on-dark-muted)}.app-account-selector__option--selected:hover{background:#67ddd247}.app-account-selector__option-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.app-account-selector__option-label{font-size:.875rem;font-weight:600;line-height:1.25}.app-account-selector__option-hint{text-overflow:ellipsis;white-space:nowrap;color:#ffffff8c;font-size:.75rem;overflow:hidden}.app-account-selector__check{color:var(--accent-on-dark);flex-shrink:0;font-size:.8125rem;font-weight:700}@media (width<=768px){.app-account-selector__trigger{width:min(13rem,36vw);min-width:9rem}}@media (prefers-reduced-motion:reduce){.app-account-selector__trigger,.app-account-selector__chevron,.app-account-selector__option{transition:none}}.brand-logo{align-items:center;gap:.625rem;min-width:0;display:inline-flex}.brand-logo__mark{width:auto;height:var(--brand-logo-size,2rem);border-radius:.375rem;flex-shrink:0;display:block}.brand-logo__text{font-size:var(--brand-logo-text-size,1.0625rem);letter-spacing:-.02em;color:inherit;white-space:nowrap;font-weight:600}.brand-logo--sm{--brand-logo-size:1.75rem;--brand-logo-text-size:1rem}.brand-logo--md{--brand-logo-size:2rem;--brand-logo-text-size:1.0625rem}.brand-logo--lg{--brand-logo-size:3.5rem;--brand-logo-text-size:1.75rem}.brand-logo--hero{text-align:center;flex-direction:column;gap:.875rem}.brand-logo--hero .brand-logo__mark{--brand-logo-size:4.5rem;border-radius:.625rem}.brand-logo--hero .brand-logo__text{--brand-logo-text-size:1.75rem;color:var(--text-primary)}.user-avatar{background:linear-gradient(145deg, var(--brand-primary), var(--brand-deep));color:#fff;letter-spacing:.02em;border-radius:999px;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.6875rem;font-weight:700;display:inline-grid}.app-shell{background:var(--app-bg);flex-direction:column;min-height:100svh;display:flex}.app-shell__header{z-index:100;color:#fff;transition:transform var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft);will-change:transform;background:linear-gradient(#0d111f 0%,#121a2e 100%);border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.app-shell__header--hidden{box-shadow:none;transform:translateY(-100%)}.app-shell__brand{color:#fff}.app-shell__nav{flex:1;gap:.25rem;display:flex}.app-shell__link{color:#ffffff9e;transition:background-color var(--motion-base) var(--ease-soft), color var(--motion-base) var(--ease-soft), transform var(--motion-base) var(--ease-soft);border-radius:.5rem;padding:.5rem .875rem;font-size:.9375rem;text-decoration:none}.app-shell__link:hover{color:#fff;background:#ffffff14}.app-shell__link:active{opacity:.85;transform:scale(.99)}.app-shell__link.active{background:var(--accent-on-dark-muted);color:var(--accent-on-dark);font-weight:500}.app-shell__tools{align-items:center;min-width:0;display:flex}.app-shell__user{align-items:center;gap:.625rem;margin-left:auto;display:flex}.app-shell__email{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.8125rem;overflow:hidden}.app-shell__logout{color:#ffffffe6;font:inherit;cursor:pointer;transition:transform var(--motion-base) var(--ease-soft), background-color var(--motion-base) var(--ease-soft);background:#ffffff0f;border:1px solid #ffffff24;border-radius:.5rem;padding:.4375rem .875rem;font-size:.875rem}.app-shell__logout:hover{background:#ffffff1f}.app-shell__logout:active{opacity:.85;transform:scale(.99)}.app-shell__main{padding:calc(var(--app-header-height,3.5rem) + 1.75rem) 1.5rem 2.5rem;box-sizing:border-box;flex:1;width:100%;max-width:76rem;margin:0 auto}@media (width<=768px){.app-shell__header{flex-wrap:wrap}.app-shell__nav{flex-basis:100%;order:3}.app-shell__email{display:none}}@media (prefers-reduced-motion:reduce){.app-shell__header,.app-shell__link,.app-shell__logout{transition:none}.app-shell__link:active,.app-shell__logout:active{transform:none}}.modal{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-fade-in .22s var(--ease-soft,cubic-bezier(.33, 1, .68, 1));background:#0f0f146b;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal__dialog{width:min(100%,24rem);max-height:min(92svh,42rem);animation:modal-rise-in .32s var(--ease-soft,cubic-bezier(.33, 1, .68, 1));background:#fffffffa;border:1px solid #ffffffb3;border-radius:1rem;overflow:auto;box-shadow:0 1px 2px #00000014,0 24px 64px #00000047}.modal__header{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.125rem 1.125rem 0;display:flex}.modal__title{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:600}.modal__close{background:var(--surface-hover);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;font-size:1.25rem;line-height:1}.modal__close:hover{color:var(--text-primary);background:#0000000f}.modal__body{padding:1rem 1.125rem 1.125rem}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise-in{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal,.modal__dialog{animation:none}}.btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;transition:transform var(--motion-base) var(--ease-soft), opacity var(--motion-base) var(--ease-soft), background-color var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft);border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){opacity:.94}.btn:active:not(:disabled){opacity:.88;transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{background:var(--surface-hover);color:var(--text-primary)}.btn--danger{background:#ff3b30}.card{background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevated);border-radius:.875rem;padding:1.25rem}.page-heading{letter-spacing:-.03em;margin:0 0 .375rem;font-size:1.75rem;font-weight:600}.field{text-align:left;flex-direction:column;gap:.375rem;display:flex}.field__label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.field__input,.field__select,.field__textarea{border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary);font:inherit;transition:border-color var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft), background-color var(--motion-base) var(--ease-soft);border-radius:.625rem;padding:.75rem .875rem;font-size:.9375rem}.field__textarea{resize:vertical;min-height:4rem}.field__input:focus,.field__select:focus,.field__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge--approved{background:var(--success-muted);color:var(--success)}.badge--failed{color:#ff3b30;background:#ff3b3026}.badge--pending{color:#ff9500;background:#ff950026}.empty{text-align:center;color:var(--text-secondary);padding:2rem 1rem}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover:not(:disabled),.btn:active:not(:disabled){transform:none}.field__input,.field__select,.field__textarea{transition:none}}.admin-clients__title{margin:0;font-size:1.0625rem;font-weight:600}.admin-clients__error{color:#ff3b30;margin:0;font-size:.875rem}.admin-clients__list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.admin-clients__item{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:.625rem;flex-direction:column;gap:1rem;padding:.875rem;display:flex}.admin-clients__item-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-clients__item-head p{margin:.25rem 0 0;font-size:.875rem}.admin-clients__status-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.admin-clients__status{border-radius:999px;align-items:center;padding:.1875rem .5625rem;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.admin-clients__status--ok{background:var(--success-muted);color:var(--success)}.admin-clients__status--warn{color:#c93400;background:#ff950024}.admin-clients__status--neutral{color:var(--text-secondary);background:#0000000f}.admin-clients__status--admin{background:var(--accent-muted);color:var(--accent-deep)}.admin-clients__status-hint{color:var(--text-secondary);font-size:.8125rem}.admin-clients__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.admin-clients__apps{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.admin-clients__apps-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-clients__apps-title{margin:0;font-size:.9375rem;font-weight:600}.admin-clients__apps-add{padding:.4375rem .75rem;font-size:.8125rem}.admin-clients__apps-empty{color:var(--text-secondary);margin:0;font-size:.875rem}.admin-clients__apps-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.admin-clients__app{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.admin-clients__app-id{color:var(--text-secondary);word-break:break-all;margin:.25rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}.admin-clients__password-form{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:.5rem;padding:.875rem}.admin-clients__password-hint{color:var(--text-secondary);margin:0;font-size:.8125rem}.admin-clients__app-form{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:.5rem;padding:.875rem}@media (width<=640px){.admin-clients__item-head,.admin-clients__apps-head,.admin-clients__app{flex-direction:column;align-items:stretch}.admin-clients__actions{justify-content:stretch}}.mfa-setup-modal__form{gap:1rem}.mfa-setup-modal__hint{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.45}.mfa-setup-modal__hint strong{color:var(--text-primary);font-weight:600}.mfa-setup-modal__error{color:#ff3b30;margin:0;font-size:.875rem}.mfa-setup-modal__qr{flex-direction:column;align-items:center;gap:.75rem;display:flex}.mfa-setup-modal__qr img{background:#fff;border-radius:.75rem;padding:.5rem}.mfa-setup-modal__code{font-variant-numeric:tabular-nums;letter-spacing:.2em;text-align:center}.mfa-setup-modal__actions{margin-top:.25rem}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:2.5rem 1.5rem;display:flex}.empty-state__icon{background:linear-gradient(145deg, var(--accent-muted), #26a69a1a);width:3rem;height:3rem;color:var(--accent);border-radius:999px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.empty-state__title{color:var(--text-primary);margin:0;font-size:1.0625rem;font-weight:600}.empty-state__desc{max-width:22rem;color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.45}.empty-state__action{margin-top:.375rem;text-decoration:none}.config-hero{background:linear-gradient(135deg, #fffffffa, #ffffffeb), linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));border:1px solid #0096881f;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.375rem 1.25rem;display:flex}.config-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .375rem;font-size:.6875rem;font-weight:700}.config-hero__title{letter-spacing:-.03em;margin:0 0 .375rem;font-size:1.75rem;font-weight:600}.config-hero__subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem}.config__title{margin:0;font-size:1.0625rem;font-weight:600}.config__add-btn{flex-shrink:0}.config__form-actions{margin-top:.25rem}.config__error{color:#ff3b30;margin:0;font-size:.875rem}.config__success{color:var(--success);margin:0;font-size:.875rem}.config-security__email{color:var(--text-secondary);margin:.375rem 0 0;font-size:.9375rem}.config-security__block{border-top:1px solid var(--border-subtle);padding-top:1rem}.config-security__heading{margin:0;font-size:.9375rem;font-weight:600}.config-security__hint{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.45}.config-security__status{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.config-security__badge{color:#c93400;letter-spacing:.04em;text-transform:uppercase;background:#ff950024;border-radius:999px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700}.config-security__qr{flex-direction:column;align-items:center;gap:.75rem;display:flex}.config-security__qr img{background:#fff;border-radius:.75rem;padding:.5rem}.config-security__code{font-variant-numeric:tabular-nums;letter-spacing:.2em;text-align:center}.config-security__panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.config-security__panel-head .config-security__hint{flex:12rem}.config-security__actions{margin-top:.25rem}.config__list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.config__item{background:var(--surface-base);border:1px solid var(--border-subtle);transition:border-color var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft);border-radius:.75rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.875rem;padding:.875rem;display:grid}.config__item:hover{border-color:var(--accent-border);box-shadow:0 4px 16px #0000000a}.config__item-icon{background:linear-gradient(145deg, var(--accent-muted), #26a69a1f);width:2.5rem;height:2.5rem;color:var(--accent);border-radius:.625rem;place-items:center;font-size:1rem;font-weight:700;display:grid}.config__item-body{min-width:0}.config__item-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.config__item-head strong{font-size:.9375rem}.config__status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700}.config__status--ok{background:var(--success-muted);color:var(--success)}.config__status--warn{color:#c93400;background:#ff950024}.config__item-id{color:var(--text-secondary);word-break:break-all;margin:.25rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}.config__item-owner{color:var(--text-secondary);margin:.375rem 0 0;font-size:.8125rem}.config__item--readonly{grid-template-columns:auto 1fr}.config__item-delete{padding:.4375rem .75rem;font-size:.8125rem}@media (width<=640px){.config-hero{flex-direction:column}.config__item{grid-template-columns:auto 1fr}.config__item-delete{grid-column:1/-1;justify-self:end}}@media (prefers-reduced-motion:reduce){.config__item{transition:none}}.template-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevated);transition:transform var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft), border-color var(--motion-base) var(--ease-soft);border-radius:.875rem;flex-direction:column;gap:.875rem;padding:1rem;display:flex}.template-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 2px 6px #0000000a,0 12px 28px #00000014}.template-card__header{flex-direction:column;gap:.5rem;display:flex}.template-card__title-row{justify-content:space-between;align-items:flex-start;gap:.625rem;display:flex}.template-card__name{letter-spacing:-.02em;color:var(--text-primary);word-break:break-word;margin:0;font-size:1rem;font-weight:600}.template-card__chips{flex-wrap:wrap;gap:.375rem;display:flex}.template-card__chip{background:var(--surface-base);border:1px solid var(--border-subtle);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-radius:999px;padding:.2rem .5rem;font-size:.6875rem;font-weight:600}.template-card__chip--owner{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:normal;max-width:100%;overflow:hidden}.template-card__preview{background-color:#e5ddd5;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.625rem;align-items:flex-start;min-height:6.5rem;padding:.75rem;display:flex}.template-card__bubble{background:#fff;border-radius:.5rem;max-width:92%;padding:.5rem .625rem 1.25rem;position:relative;box-shadow:0 1px 1px #00000014}.template-card__bubble:before{content:"";border-top:6px solid #fff;border-left:6px solid #0000;width:0;height:0;position:absolute;top:0;left:-6px}.template-card__media{border-radius:.375rem;margin:-.125rem -.125rem .5rem;overflow:hidden}.template-card__media-placeholder{color:#111;background:#f0f2f5;border-radius:.375rem;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;display:flex}.template-card__message{color:#111;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.8125rem;line-height:1.45}.template-card__footer{color:#8e8e93;margin:.375rem 0 0;font-size:.6875rem;line-height:1.35}.template-card__time{color:#8e8e93;font-size:.625rem;position:absolute;bottom:.375rem;right:.5rem}.template-card__reason{color:#ff3b30;background:#ff3b3014;border-radius:.5rem;margin:0;padding:.625rem .75rem;font-size:.8125rem}.template-card__meta-id{background:var(--accent-muted);border:1px solid #0096881f;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex}.template-card__meta-label{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:.6875rem;font-weight:700}.template-card__meta-value{min-width:0;color:var(--text-primary);word-break:break-all;flex:1;font-size:.75rem}.template-card__copy{border:1px solid var(--accent-border);color:var(--accent);font:inherit;cursor:pointer;background:#fff;border-radius:.4375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:600}.template-card__copy:hover{background:var(--accent-muted)}.template-card__footer{opacity:0;transition:opacity var(--motion-base) var(--ease-soft);justify-content:flex-end;display:flex}.template-card:hover .template-card__footer,.template-card:focus-within .template-card__footer{opacity:1}.template-card__delete{padding:.4375rem .75rem;font-size:.8125rem}@media (width<=768px){.template-card__footer{opacity:1}}@media (prefers-reduced-motion:reduce){.template-card{transition:none}.template-card:hover{transform:none}.template-card__footer{opacity:1;transition:none}}.home-hero{background:linear-gradient(135deg, #fffffffa, #ffffffeb), linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));border:1px solid #0096881f;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.5rem 1.375rem;display:flex}.home-hero__content{min-width:0}.home-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .375rem;font-size:.6875rem;font-weight:700}.home-hero__title{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 .375rem;font-size:1.75rem;font-weight:600}.home-hero__subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem}.home-hero__actions a.btn{text-decoration:none}.home-hero__rate{color:var(--text-secondary);margin:-.25rem 0 0;font-size:.875rem}.home-hero__rate strong{color:var(--text-primary)}@media (width<=768px){.home-hero{flex-direction:column}}.templates__summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.templates__stat{text-align:left;border:1px solid var(--border-subtle);cursor:pointer;width:100%;font:inherit;transition:transform var(--motion-base) var(--ease-soft), border-color var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft), background-color var(--motion-base) var(--ease-soft);flex-direction:column;gap:.25rem;padding:1rem 1.0625rem .875rem;display:flex}.templates__stat:hover{border-color:var(--accent-border);box-shadow:0 4px 16px #0000000d}.templates__stat:active{transform:scale(.985)}.templates__stat--active{background:var(--accent-muted);border-color:#00968859;box-shadow:0 0 0 1px #00968814}.templates__stat--active.templates__stat--approved{background:var(--success-muted);border-color:#00796b59}.templates__stat--active.templates__stat--pending{background:#ff95001a;border-color:#ff950059}.templates__stat--active.templates__stat--failed{background:#ff3b3014;border-color:#ff3b3059}.templates__stat span{color:var(--text-secondary);font-size:.8125rem}.templates__stat strong{letter-spacing:-.03em;color:var(--text-primary);font-size:1.625rem;font-weight:600}.templates__stat--approved strong{color:var(--success)}.templates__stat--pending strong{color:#ff9500}.templates__stat--failed strong{color:#ff3b30}.templates__stat-bar{background:#0000000f;border-radius:999px;height:.25rem;margin-top:.375rem;overflow:hidden}.templates__stat-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--motion-base) var(--ease-soft);display:block}.templates__stat--approved .templates__stat-bar span{background:var(--brand-primary)}.templates__stat--pending .templates__stat-bar span{background:#ff9500}.templates__stat--failed .templates__stat-bar span{background:#ff3b30}.templates__error{color:#ff3b30;margin:0}.templates__grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;display:grid}@media (width<=768px){.templates__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.templates__stat{transition:none}.templates__stat:active{transform:none}.templates__stat-bar span{transition:none}}.login-starfield{z-index:0;background:#0a0a0f;position:absolute;inset:0;overflow:hidden}.login-starfield__canvas{width:100%;height:100%;position:absolute;inset:0}.login-starfield__nebula{pointer-events:none;opacity:.3;background:radial-gradient(at 30% 40%,#3864b426 0%,#0000 50%),radial-gradient(at 70% 60%,#643c961a 0%,#0000 50%);position:absolute;inset:0}.login-starfield__vignette{pointer-events:none;background:radial-gradient(#0000 0% 40%,#05050ae6 100%);position:absolute;inset:0}:is(html:has(.login-page),body:has(.login-page)){scrollbar-gutter:auto;background:#0a0a0f;overflow:hidden}.login-page{isolation:isolate;background:#0a0a0f;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0;overflow:hidden}.login-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ffffffa6;border-radius:1rem;width:100%;max-width:22rem;padding:2rem;position:relative;box-shadow:0 1px 2px #00000014,0 24px 64px #00000059}.login-card__header{text-align:center;margin-bottom:2rem}.login-card__header .brand-logo:not(.brand-logo--hero){justify-content:center;margin:0 auto .875rem}.login-card__title{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.login-card__subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.45}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{text-align:left;flex-direction:column;gap:.375rem;display:flex}.login-field__label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.login-field__input{border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary);font:inherit;transition:border-color var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft), background-color var(--motion-base) var(--ease-soft);border-radius:.625rem;padding:.75rem .875rem;font-size:1rem}.login-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.login-field__input:disabled{opacity:.6}.login-form__error{color:#ff3b30;text-align:center;background:#ff3b301a;border-radius:.5rem;margin:0;padding:.625rem .75rem;font-size:.875rem}.login-form__success{background:var(--success-muted);color:var(--success);text-align:center;border-radius:.5rem;margin:0;padding:.625rem .75rem;font-size:.875rem;line-height:1.45}.login-form__actions{justify-content:flex-end;margin-top:-.625rem;display:flex}.login-form__link{color:var(--accent);font:inherit;cursor:pointer;text-align:left;transition:opacity var(--motion-base) var(--ease-soft);background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:500}.login-form__link:hover:not(:disabled){opacity:.82}.login-form__link:disabled{opacity:.6;cursor:not-allowed}.login-form__submit{background:var(--accent);color:#fff;font:inherit;cursor:pointer;transition:transform var(--motion-base) var(--ease-soft), opacity var(--motion-base) var(--ease-soft), box-shadow var(--motion-base) var(--ease-soft);border:none;border-radius:.625rem;margin-top:.25rem;padding:.8125rem 1rem;font-size:1rem;font-weight:500}.login-form__submit:hover:not(:disabled){opacity:.94}.login-form__submit:active:not(:disabled){opacity:.88;transform:scale(.985)}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.login-field__input,.login-form__submit,.login-form__link{transition:none}.login-form__submit:hover:not(:disabled),.login-form__submit:active:not(:disabled){transform:none}}.login-2fa-card{max-width:24rem}.login-2fa-setup-prompt{text-align:center;color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.45}.login-2fa-qr{flex-direction:column;align-items:center;gap:.75rem;display:flex}.login-2fa-qr img{background:#fff;border-radius:.75rem;padding:.5rem;display:block}.login-2fa-account{color:var(--text-secondary);word-break:break-all;text-align:center;margin:0;font-size:.8125rem}.login-2fa-code{font-variant-numeric:tabular-nums;letter-spacing:.2em;text-align:center;font-size:1.25rem}.login-remember{cursor:pointer;text-align:left;align-items:flex-start;gap:.625rem;margin:0;display:flex}.login-remember__input{width:1.125rem;height:1.125rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:.2rem 0 0}.login-remember__input:disabled{cursor:not-allowed}.login-remember__input:focus-visible{outline:.125rem solid var(--accent);outline-offset:.125rem}.login-remember__copy{overflow-wrap:anywhere;flex-direction:column;gap:.125rem;min-width:0;display:flex}.login-remember__label{color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.5}.login-remember__hint{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.login-remember:has(.login-remember__input:disabled){cursor:not-allowed;opacity:.6}.login-new-password-card{max-width:26rem}.whatsapp-preview-wrap{flex-direction:column;gap:.625rem;display:flex;position:sticky;top:1rem}.whatsapp-preview-wrap__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.6875rem;font-weight:700}.whatsapp-preview{background:#111;border:1px solid #0000001f;border-radius:1.25rem;width:100%;max-width:20rem;margin-inline:auto;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 16px 40px #0000001f}.whatsapp-preview__status-bar{color:#ffffffeb;background:#075e54;justify-content:space-between;padding:.375rem .75rem;font-size:.625rem;font-weight:600;display:flex}.whatsapp-preview__screen{background-color:#e5ddd5;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:26rem;display:flex}.whatsapp-preview__header{color:#fff;background:#075e54;align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.whatsapp-preview__avatar{background:#fff3;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;display:grid}.whatsapp-preview__header-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.whatsapp-preview__header-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.whatsapp-preview__header-text span{opacity:.85;font-size:.6875rem}.whatsapp-preview__chat{flex:1;align-items:flex-start;padding:1rem .75rem 1.25rem;display:flex}.whatsapp-preview__message-group{flex-direction:column;gap:.25rem;max-width:88%;display:flex}.whatsapp-preview__bubble{background:#fff;border-radius:.5rem;padding:.5rem .625rem 1.375rem;position:relative;box-shadow:0 1px 1px #00000014}.whatsapp-preview__bubble:before{content:"";border-top:6px solid #fff;border-left:6px solid #0000;width:0;height:0;position:absolute;top:0;left:-6px}.whatsapp-preview__media{border-radius:.375rem;margin:-.125rem -.125rem .5rem;overflow:hidden}.whatsapp-preview__image{object-fit:cover;width:100%;max-height:9rem;display:block}.whatsapp-preview__document,.whatsapp-preview__media-placeholder{color:#111;background:#f0f2f5;border-radius:.375rem;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;display:flex}.whatsapp-preview__document-icon{color:#fff;background:#ff3b30;border-radius:.375rem;place-items:center;width:2rem;height:2rem;font-size:.5625rem;font-weight:800;display:grid}.whatsapp-preview__document-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whatsapp-preview__message{color:#111;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.8125rem;line-height:1.45}.whatsapp-preview__message--placeholder{color:#8e8e93;font-style:italic}.whatsapp-preview__footer{color:#8e8e93;margin:.375rem 0 0;font-size:.6875rem;line-height:1.35}.whatsapp-preview__time{color:#8e8e93;font-size:.625rem;position:absolute;bottom:.375rem;right:.5rem}.whatsapp-preview__buttons{flex-direction:column;gap:.25rem;display:flex}.whatsapp-preview__button{color:#08c;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.75rem;font-weight:500;display:flex;box-shadow:0 1px 1px #00000014}.whatsapp-preview__button--reply{color:#008069}.whatsapp-preview__button-icon{font-size:.6875rem;line-height:1}.whatsapp-preview__button-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=960px){.whatsapp-preview-wrap{order:-1;position:static}.whatsapp-preview{max-width:18rem}}@media (prefers-reduced-motion:reduce){.whatsapp-preview-wrap{position:static}}.template-new__error{color:#ff3b30;margin:0}.field__input--invalid{border-color:#ff3b30}.field__error{color:#ff3b30;font-size:.8125rem}.template-new a.btn{text-decoration:none}.template-new__header{margin-bottom:.25rem}.template-new__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .375rem;font-size:.6875rem;font-weight:700}.template-new__title{letter-spacing:-.03em;margin:0 0 .375rem;font-size:1.75rem;font-weight:600}.template-new__account{color:var(--text-secondary);margin:0;font-size:.875rem}.template-new__layout{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start;gap:1.25rem;display:grid}.template-new__form{min-width:0}.field__hint{color:var(--text-secondary);font-size:.8125rem}.template-new__message-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.template-new__add-variable{flex-shrink:0;padding:.375rem .75rem;font-size:.8125rem}.template-new__variables-title{margin:0;font-size:1rem;font-weight:600}.template-new__variables-desc{color:var(--text-secondary);margin:0;font-size:.875rem}.template-new__buttons-section{border-top:1px solid var(--border-subtle);padding-top:.25rem}.template-new__buttons-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.template-new__buttons-title{margin:0;font-size:1rem;font-weight:600}.template-new__buttons-desc{color:var(--text-secondary);margin:.25rem 0 0;font-size:.8125rem}.template-new__toggle{white-space:nowrap;cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.template-new__toggle--inline{white-space:normal;color:var(--text-secondary);font-size:.8125rem}.template-new__button-card{border:1px solid var(--border-subtle);background:var(--surface-base);border-radius:.625rem;padding:.875rem}.template-new__button-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.template-new__button-card-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.template-new__button-remove{color:#ff3b30;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.template-new__button-remove:hover{background:#ff3b3014}.template-new__button-add{align-self:flex-start}@media (width<=960px){.template-new__layout{grid-template-columns:1fr}}