@paroicms/site-generator-plugin/frontend/dist/frontend.css

ParoiCMS Site Generator Plugin

@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" layer(tokens);@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" layer(tokens);@layer reset{:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer tokens{:root{--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-hover:#14b8a6;--color-primary-light:#ccfbf1;--color-primary-subtle:#f0fdfa;--color-accent:#f97316;--color-accent-dark:#ea580c;--color-accent-light:#ffedd5;--color-yellow:#f59e0b;--color-yellow-dark:#d97706;--color-yellow-light:#fef3c7;--color-danger:#e11d48;--color-danger-dark:#be123c;--color-danger-light2:#c67a8b;--color-danger-light:#ffe4e6;--color-success:#10b981;--color-success-dark:#059669;--color-success-light:#d1fae5;--color-info:#3b82f6;--color-info-dark:#2563eb;--color-info-light:#dbeafe;--color-text:#1e293b;--color-text-light:#64748b;--color-text-muted:#475569;--color-text-disabled:#868b92;--color-text-inverse:#fff;--color-bg-disabled:#e8eaed;--color-border-disabled:#c8ccd2;--color-primary-disabled:#7da8a4;--color-primary-bg-disabled:#e0eeec;--color-danger-disabled:#c9929d;--color-danger-bg-disabled:#f5e4e7;--color-warning-disabled:#c9a96b;--color-warning-bg-disabled:#f9f3e3;--color-bg:#fff;--color-bg-app:#f4faf4;--color-bg-section:#f6f3eb;--color-bg-subtle:#f2f1ec;--color-bg-elevated:#fff;--color-bg-sidebar:#1e293b;--color-bg-sidebar-hover:#334155;--color-text-sidebar:#e2e8f0;--color-text-sidebar-muted:#94a3b8;--color-bg-muted:#eee;--color-hover-sidebar-dark:#40a59d;--color-hover-sidebar-light:#d1fae5;--color-border:#d6dce3;--color-border-focus:var(--color-primary);--color-border-light:#eceff1;--sidebar-secondary-width:220px;--navbar-height:58px;--navbar-height-mobile:76px;--control-bar-height:65px;--doc-content-max-width:1200px;--content-max-width:960px;--content-padding:1.5rem;--content-padding-mobile:1rem;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.1s ease;--transition:.15s ease;--transition-slow:.25s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}._dark{--color-text:#e2e8f0;--color-text-light:#94a3b8;--color-text-muted:#cbd5e1;--color-bg:#1e293b;--color-bg-section:#334155;--color-bg-subtle:#475569;--color-bg-elevated:#334155;--color-border:#475569;--color-border-light:#334155}}@layer base{html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg)}a{color:inherit;cursor:pointer;text-decoration:none}button{cursor:pointer}}@layer common;.PaButtonBar{flex-wrap:wrap;gap:8px;display:flex}.PaButtonBar.alignRight{justify-content:end}.PaButtonBar.spaceBetween{justify-content:space-between;width:100%}@media (width<=400px){.PaButtonBar.spaceBetween{justify-content:center}}.PaField{gap:var(--space-2);flex-direction:column;align-items:flex-start;width:100%;display:flex}.PaField:not(:last-child){margin-bottom:var(--space-4)}:root{--sg-header-height:56px;--sg-max-width:720px;--sg-large-max-width:900px;--sg-spacing:1.5rem}.SgApp{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.SgHeader{z-index:var(--z-sticky);height:var(--sg-header-height);padding:0 var(--sg-spacing);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;flex-shrink:0;align-items:center;display:flex}.SgHeader-inner{width:100%;max-width:var(--sg-max-width);padding:0 var(--sg-spacing);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.SgHeader-inner.large{max-width:var(--sg-large-max-width)}.SgHeader-inner.alignRight{justify-content:flex-end}.SgHeader-actions{margin-left:auto}.SgMain{background:var(--color-bg);flex:1;overflow:hidden auto}.SgMain-inner{max-width:var(--sg-max-width);min-height:100%;padding:0 var(--sg-spacing);flex-direction:column;margin:0 auto;display:flex}.SgMain-inner.large{max-width:var(--sg-large-max-width)}.LangSwitcher{flex-shrink:0;position:relative}.LangSwitcher:after{color:var(--color-text-muted);pointer-events:none;content:"▾";font-size:.75rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.LangSwitcher select{padding:var(--space-2) 2rem var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);appearance:none;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}.LangSwitcher select:hover{border-color:var(--color-primary)}.LangSwitcher select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.StepNav{gap:var(--space-2);padding:var(--space-1) 0;-ms-overflow-style:none;scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.StepNav::-webkit-scrollbar{display:none}.StepPill{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;border-radius:var(--radius-full);transition:all var(--transition);flex-shrink:0;position:relative}.StepPill.new{color:var(--color-text-muted);border:2px dashed var(--color-border);background:0 0}.StepPill.new:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.StepPill.step{color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.StepPill.step:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.StepPill.active{color:var(--color-text-inverse);background:var(--color-primary);border:1px solid var(--color-primary)}.StepPill.active:hover{color:var(--color-text-inverse);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.StepPill.loading{color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary);animation:2s ease-in-out infinite sg-pulse}.StepPill:hover .StepPill-tooltip{opacity:1}.StepPill-tooltip{z-index:var(--z-tooltip);max-width:200px;padding:var(--space-2) var(--space-3);text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-text-inverse);white-space:nowrap;pointer-events:none;background:var(--color-text);border-radius:var(--radius);opacity:0;transition:opacity var(--transition);position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)}.StepPill-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:var(--color-text);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes sg-pulse{0%,to{opacity:1}50%{opacity:.6}}.SgSection{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-light)}.SgSection:last-child{border-bottom:none}.SgSection.noBorder{border-bottom:none}.SgSection-title{margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.SgSection-tabs{margin-top:var(--space-6);margin-bottom:var(--space-6)}.SgSection-alert{margin-top:var(--space-6)}.SgScreen{width:100%;min-width:0;max-width:900px;padding:var(--space-6) 0;flex-direction:column;flex:1;margin:0 auto;display:flex}.SgScreen-footer{padding:var(--space-6) 0;font-size:var(--text-sm);color:var(--color-text-light);text-align:center;border-top:1px solid var(--color-border-light)}.SgScreen-footer a{font-weight:var(--font-medium);color:var(--color-accent)}.SgScreen-footer a:hover{text-decoration:underline}.SgScreen-footerSeparator{margin:0 var(--space-2);color:var(--color-border)}.WelcomeScreen-hero{padding:0 var(--space-4);margin:var(--space-6) 0 var(--space-8);text-align:center}.WelcomeScreen-heroTitle{margin-bottom:var(--space-3);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:var(--font-bold);color:var(--color-primary-dark);line-height:1.1}.WelcomeScreen-heroSubtitle{max-width:40ch;color:var(--color-text-muted);margin:0 auto;font-size:clamp(1rem,4vw,1.125rem);line-height:1.5}.WelcomeScreen-sessionWarning{padding:var(--space-4);margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;background:var(--color-bg-subtle);border-radius:var(--radius)}.FirstStep-header{padding:var(--space-12) 0 var(--space-8);position:relative}.FirstStep-title{margin-bottom:var(--space-3);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-primary-dark)}.FirstStep-description{max-width:60ch;font-size:var(--text-md);color:var(--color-text-muted);line-height:1.7}.RefreshDialog-header{padding:var(--space-12) 0 var(--space-8);position:relative}.RefreshDialog-title{margin-bottom:var(--space-3);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-bold);color:var(--color-primary-dark)}.Tree{padding:var(--space-5);font-size:var(--text-sm);background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.Tree ul{padding-left:var(--space-6)}.Tree>ul{padding-left:0}.Tree li{padding:var(--space-1) 0;position:relative}.Tree ul li:before{top:0;left:calc(-1 * var(--space-4));content:"";border-left:1.5px solid var(--color-border);height:100%;position:absolute}.Tree ul li:after{top:1rem;left:calc(-1 * var(--space-4));width:var(--space-3);content:"";border-top:1.5px solid var(--color-border);position:absolute}.Tree ul li:last-child:before{height:1rem}.Tree>ul>li:before,.Tree>ul>li:after{display:none}.Tree-label{font-weight:var(--font-medium);color:var(--color-text)}.Tree-type{padding:.125rem var(--space-2);margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-dark);background:var(--color-accent-light);border-radius:var(--radius-sm)}.LoadingState{gap:var(--space-6);padding:var(--space-12) 0;flex-direction:column;align-items:center;display:flex}.LoadingState-status{text-align:center}.LoadingState-status strong{margin-bottom:var(--space-1);font-size:var(--text-base);color:var(--color-primary-dark);display:block}.LoadingState-status span{font-size:var(--text-sm);color:var(--color-text-muted)}.ModifySection{padding-top:var(--space-6);margin-top:var(--space-8);border-top:1px solid var(--color-border-light)}.ModifySection-title{margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.PromptForm{gap:var(--space-4);flex-direction:column;display:flex}.PromptForm-textarea{width:100%;min-height:160px;padding:var(--space-4)}.PromptForm-actions{gap:var(--space-4);justify-content:center;display:flex}.SgActions{gap:var(--space-4);padding:var(--space-6) 0;margin-top:var(--space-8);border-top:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:center;display:flex}.SgActions.column{flex-direction:column;align-items:center}.GeneratedSite-pending{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-6);background:var(--color-primary-light);border-radius:var(--radius);justify-content:center;align-items:center;display:flex}.GeneratedSite-pending p{font-weight:var(--font-medium);color:var(--color-primary-dark);margin:0}.GeneratedSite-credentials{padding:var(--space-5);margin:var(--space-6) 0;background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius)}.GeneratedSite-field{gap:var(--space-3);padding:var(--space-2) 0;align-items:center;display:flex}.GeneratedSite-field:not(:last-child){border-bottom:1px solid var(--color-border-light)}.GeneratedSite-label{min-width:100px;font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.GeneratedSite-value{gap:var(--space-2);flex:1;align-items:center;min-width:0;display:flex}.GeneratedSite-value code{min-width:0;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;overflow-x:auto}.GeneratedSite-value a{font-weight:var(--font-medium);color:var(--color-accent)}.GeneratedSite-value a:hover{text-decoration:underline}.AuthScreen-card{width:100%;max-width:640px;padding:var(--space-8);margin:0 auto}.AuthScreen-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.AuthScreen-info{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-light);text-align:center}.BigBtn{padding:18px 22px!important;font-weight:700!important}@media (width<=600px){:root{--sg-header-height:52px;--sg-spacing:1rem}.SgHeader{height:auto;padding:var(--space-3) var(--sg-spacing)}.SgHeader-inner{gap:var(--space-2);flex-direction:column}.SgHeader-inner.alignRight{flex-direction:row}.StepNav{justify-content:flex-start;width:100%}.SgHeader-lang,.StepPill:hover .StepPill-tooltip{display:none}.FirstStep-header{padding:var(--space-8) 0 var(--space-6)}.SgSection{padding:var(--space-6) 0}.SgActions{padding:var(--space-5) 0;flex-direction:column}.SgActions .Btn{width:100%}.PromptForm-actions{flex-direction:column}.PromptForm-actions .Btn{width:100%}}.ComparisonLayout{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}@media (width>=768px){.ComparisonLayout{flex-direction:row;align-items:stretch}.ComparisonLayout>.SliderContainer,.ComparisonLayout>.SliderCard{flex:1}}.SliderContainer{min-width:0;overflow:hidden}.SliderContainer .swiper-pagination{width:auto!important;bottom:26px!important;left:30px!important}.SliderContainer .swiper-pagination-bullet-active{background:var(--color-primary)!important}.SliderContainer .swiper-pagination-bullet{background:var(--color-border);opacity:1}@media (width<=600px){.SliderContainer .swiper-pagination{display:none!important}}.SliderContainer .swiper-slide{height:auto!important}.SliderCard{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;justify-content:space-between;height:100%;display:flex;overflow:hidden}.SliderCard-header{gap:var(--space-3);padding:var(--space-4) var(--space-6);text-transform:uppercase;background:var(--color-success-light,#dcfce7);border-bottom:1px solid #c8efd6;align-items:center;display:flex}.SliderCard-header.warning{background:var(--color-danger-light,#fee2e2);border-bottom-color:#fecaca}.SliderCard-headerTitle{font-size:15px;font-weight:var(--font-bold);color:#2f523c;line-height:1.2}.SliderCard-header.warning .SliderCard-headerTitle{color:#7f1d1d}.SliderCard-content{gap:var(--space-3);padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.SliderCard-icon{width:40px;height:40px;margin-bottom:var(--space-2);color:var(--color-primary-dark);background:var(--color-primary-light);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.SliderCard.warning .SliderCard-icon{color:var(--color-danger-dark);background:var(--color-danger-light)}.SliderCard-step{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.SliderCard-title{gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);text-align:center;align-items:center;line-height:1.3;display:flex}.SliderCard-description{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted);line-height:1.5}.SliderCard-codeBlock{width:100%;max-width:320px;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:#fff;text-align:left;border-radius:var(--radius);background:#1e1e1e}.SliderCard-footer{gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);justify-content:flex-end;align-items:center;display:flex}.SliderCard-footer:hover .SliderCard-nextBtn{color:var(--color-primary-dark);background:var(--color-primary-light)}.SliderCard-footer:focus{outline:none}.SliderCard-footer:focus .SliderCard-nextBtn{color:var(--color-primary-dark);outline:2px solid var(--color-primary);outline-offset:2px;background:var(--color-primary-light)}.SliderCard-nextText{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-light)}.SliderCard-nextBtn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition)}.ResultFeatureList{gap:var(--space-1);text-align:left;flex-direction:column;width:100%;max-width:280px;display:flex}.ResultFeature{gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);border-radius:var(--radius);align-items:center;display:flex}.ResultFeature-icon{color:var(--color-success);font-weight:700}.PaButtonBar{flex-wrap:wrap;gap:8px;display:flex}.PaButtonBar.alignRight{justify-content:end}.PaButtonBar.spaceBetween{justify-content:space-between;width:100%}@media (width<=400px){.PaButtonBar.spaceBetween{justify-content:center}}.PaFullW{width:100%!important}.PaFullH{height:100%!important}.PaMt1{margin-top:var(--space-1)}.PaMt2{margin-top:var(--space-2)}.PaMt3{margin-top:var(--space-3)}.PaMt4{margin-top:var(--space-4)}.PaMt5{margin-top:var(--space-5)}.PaMt6{margin-top:var(--space-6)}.PaMt8{margin-top:var(--space-8)}.PaMt10{margin-top:var(--space-10)}.PaMt12{margin-top:var(--space-12)}.PaMb1{margin-bottom:var(--space-1)}.PaMb2{margin-bottom:var(--space-2)}.PaMb3{margin-bottom:var(--space-3)}.PaMb4{margin-bottom:var(--space-4)}.PaMb5{margin-bottom:var(--space-5)}.PaMb6{margin-bottom:var(--space-6)}.PaMb8{margin-bottom:var(--space-8)}.PaMb10{margin-bottom:var(--space-10)}.PaMb12{margin-bottom:var(--space-12)}.PaMl1{margin-left:var(--space-1)}.PaMl2{margin-left:var(--space-2)}.PaMl3{margin-left:var(--space-3)}.PaMl4{margin-left:var(--space-4)}.PaMl5{margin-left:var(--space-5)}.PaMl6{margin-left:var(--space-6)}.PaMl8{margin-left:var(--space-8)}.PaMl10{margin-left:var(--space-10)}.PaMl12{margin-left:var(--space-12)}.PaMr1{margin-right:var(--space-1)}.PaMr2{margin-right:var(--space-2)}.PaMr3{margin-right:var(--space-3)}.PaMr4{margin-right:var(--space-4)}.PaMr5{margin-right:var(--space-5)}.PaMr6{margin-right:var(--space-6)}.PaMr8{margin-right:var(--space-8)}.PaMr10{margin-right:var(--space-10)}.PaMr12{margin-right:var(--space-12)}.PaField{gap:var(--space-2);flex-direction:column;align-items:flex-start;width:100%;display:flex}.PaField:not(:last-child){margin-bottom:var(--space-4)}.PaField-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;display:block}.PaFieldError{font-size:var(--text-xs);color:var(--color-danger)}.PaCheckboxField{gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}._paForm input[type=checkbox],.PaCheckboxInput{appearance:none;cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:18px;height:18px;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;margin:0;display:flex}:is(._paForm input[type=checkbox],.PaCheckboxInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=checkbox],.PaCheckboxInput):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm input[type=checkbox],.PaCheckboxInput):checked{background:var(--color-primary);border-color:var(--color-primary)}:is(._paForm input[type=checkbox],.PaCheckboxInput):checked:after{content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;display:block;transform:rotate(45deg)}:is(._paForm input[type=checkbox],.PaCheckboxInput):disabled{cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaCheckboxGroup{gap:var(--space-3);flex-wrap:wrap;display:flex}._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition)}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput):disabled{cursor:not-allowed;background:var(--color-bg-subtle);opacity:.7}:is(._paForm input[type=date],._paForm input[type=datetime-local],._paForm input[type=time],.PaDateTimeInput).error{border-color:var(--color-danger)}._paForm input[type=number],.PaNumberInput{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition)}:is(._paForm input[type=number],.PaNumberInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=number],.PaNumberInput):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm input[type=number],.PaNumberInput):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}:is(._paForm input[type=number],.PaNumberInput).error{border-color:var(--color-danger)}.PaInputSwitch{gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.PaInputSwitch-input{opacity:0;width:0;height:0;position:absolute}.PaInputSwitch-track{background:var(--color-border);border-radius:var(--radius-full);width:42px;height:22px;transition:background-color var(--transition);position:relative}.PaInputSwitch-input:checked+.PaInputSwitch-track{background:var(--color-primary)}.PaInputSwitch-input:focus+.PaInputSwitch-track{box-shadow:0 0 0 3px var(--color-primary-light)}.PaInputSwitch-input:disabled+.PaInputSwitch-track{cursor:not-allowed;background:var(--color-border-disabled)}.PaInputSwitch-thumb{background:var(--color-bg);border-radius:var(--radius-full);width:18px;height:18px;box-shadow:var(--shadow-xs);transition:transform var(--transition);position:absolute;top:2px;left:2px}.PaInputSwitch-input:checked+.PaInputSwitch-track .PaInputSwitch-thumb{transform:translate(20px)}.PaInputSwitch-label{font-size:var(--text-sm);color:var(--color-text)}.PaTextField{gap:var(--space-2);flex-direction:column;display:flex}.PaTextField.error .PaTextInput{border-color:var(--color-danger)}.PaTextField-row{gap:var(--space-1);display:flex}.PaTextField-row .PaTextInput{flex:1;min-width:0}._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition)}:is(._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm input[type=text],._paForm input[type=email],._paForm input[type=url],._paForm input[type=search],._paForm input[type=tel],.PaTextInput):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaTextField-iconWrapper{align-self:flex-start;display:flex;position:relative}.PaTextField-iconWrapper .PaTextInput{padding-left:var(--space-10)}.PaTextField-iconWrapper.iconRight .PaTextField-icon{right:var(--space-3);left:auto}.PaTextField-iconWrapper.iconRight .PaTextInput{padding-right:var(--space-10);padding-left:var(--space-3)}.PaTextField-icon{top:50%;left:var(--space-3);color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.PaMultiSelect{gap:var(--space-2);flex-direction:column;display:flex;position:relative}.PaMultiSelect.error .PaMultiSelect-control{border-color:var(--color-danger)}.PaMultiSelect.disabled{cursor:not-allowed}.PaMultiSelect.disabled .PaMultiSelect-control{color:var(--color-text-muted);background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaMultiSelect-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.PaMultiSelect-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.PaMultiSelect-control{gap:var(--space-2);min-height:38px;padding:var(--space-1) var(--space-3);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition);align-items:center;display:flex}.PaMultiSelect:not(.disabled) .PaMultiSelect-control:hover{border-color:var(--color-primary)}.PaMultiSelect-control:has(+.PaMultiSelect-dropdown:popover-open){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.PaMultiSelect-values{gap:var(--space-1);flex-wrap:wrap;flex:1;align-items:center;display:flex}.PaMultiSelect-placeholder{font-size:var(--text-sm);color:var(--color-text-light)}.PaMultiSelect-chip{gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:var(--color-bg-subtle);border-radius:var(--radius);align-items:center;display:inline-flex}.PaMultiSelect-chipRemove{width:25px;height:25px;margin:calc(-1 * var(--space-1));color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.PaMultiSelect:not(.disabled) .PaMultiSelect-chipRemove:hover{color:var(--color-danger)}.PaMultiSelect-icon{color:var(--color-text-muted);flex-shrink:0}.PaMultiSelect-dropdown{z-index:var(--z-popover);max-height:250px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0;position:absolute;inset:auto;overflow-y:auto}.PaMultiSelect-option{gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition);align-items:center;display:flex}.PaMultiSelect-option:hover:not(.disabled){background:var(--color-bg-subtle)}.PaMultiSelect-option.selected{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaMultiSelect-option.disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted)}.PaMultiSelect-error{font-size:var(--text-xs);color:var(--color-danger)}.PaPasswordInput{gap:var(--space-2);flex-direction:column;display:flex}.PaPasswordInput-inputWrapper{align-self:flex-start;width:100%;display:flex;position:relative}.PaPasswordInput-inputWrapper.error .PaPasswordInput-input{border-color:var(--color-danger)}._paForm input[type=password],.PaPasswordInput-input{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);flex:1}:is(._paForm input[type=password],.PaPasswordInput-input):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=password],.PaPasswordInput-input):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm input[type=password],.PaPasswordInput-input):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaPasswordInput-input{padding-right:var(--space-8)}.PaPasswordInput-toggle{top:50%;right:var(--space-1);padding:var(--space-2);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.PaPasswordInput-toggle:hover:not(:disabled){color:var(--color-text)}.PaPasswordInput-toggle:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.PaRadioButton{gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}._paForm input[type=radio],.PaRadioInput{appearance:none;cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);width:18px;height:18px;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;margin:0;display:flex}:is(._paForm input[type=radio],.PaRadioInput):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm input[type=radio],.PaRadioInput):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm input[type=radio],.PaRadioInput):checked{background:var(--color-primary);border-color:var(--color-primary)}:is(._paForm input[type=radio],.PaRadioInput):checked:after{content:"";background:var(--color-text-inverse);border-radius:var(--radius-full);width:8px;height:8px;display:block}:is(._paForm input[type=radio],.PaRadioInput):disabled{cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}.PaRadioGroup{gap:var(--space-3);flex-wrap:wrap;display:flex}.PaSelectField{gap:var(--space-2);flex-direction:column;display:flex}.PaSelectField.error .PaSelect{border-color:var(--color-danger)}.PaSelectField-wrapper{align-self:flex-start;display:flex;position:relative}._paForm select,.PaSelect{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);cursor:pointer;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition)}:is(._paForm select,.PaSelect):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm select,.PaSelect):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm select,.PaSelect):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}._paForm select{appearance:menulist-button}.PaSelect{padding-right:var(--space-8);appearance:none}.PaSelectField-icon{top:50%;right:var(--space-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;transform:translateY(-50%)}._paForm textarea,.PaTextarea{min-height:120px;padding:var(--space-3);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);resize:vertical;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition)}:is(._paForm textarea,.PaTextarea)::placeholder{color:var(--color-text-light)}:is(._paForm textarea,.PaTextarea):hover:not(:disabled){border-color:var(--color-primary)}:is(._paForm textarea,.PaTextarea):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}:is(._paForm textarea,.PaTextarea):disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border-light)}:is(._paForm textarea,.PaTextarea).error{border-color:var(--color-danger)}.PaToggleGroup{border:none;min-inline-size:0;margin:0;padding:0;display:inline-flex}.PaToggleGroup:disabled{cursor:not-allowed}.PaToggleGroup-item{padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);transition:all var(--transition)}.PaToggleGroup-item:first-child{border-radius:var(--radius) 0 0 var(--radius)}.PaToggleGroup-item:last-child{border-radius:0 var(--radius) var(--radius) 0}.PaToggleGroup-item:not(:first-child){border-left:none}.PaToggleGroup-item:hover:not(:disabled):not(.active){color:var(--color-text);background:var(--color-primary-light);border-color:var(--color-primary-light)}.PaToggleGroup-item.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaToggleGroup-item:disabled{color:var(--color-text-disabled);cursor:not-allowed;background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}._paForm button,.PaBtn{gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;cursor:pointer;border-radius:var(--radius);transition:all var(--transition);border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn):visited,:is(._paForm button,.PaBtn):hover{text-decoration:none}:is(._paForm button,.PaBtn):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn).primary{color:var(--color-text-inverse);background:var(--color-primary)}:is(:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn).primary):hover:not(:disabled):not(.disabled){background:var(--color-primary-hover)}:is(:is(._paForm button,.PaBtn),:is(._paForm button,.PaBtn).primary):active{background:var(--color-primary-dark)}:is(._paForm button,.PaBtn).secondary{color:var(--color-text-muted);background:var(--color-bg-muted);border:1px solid var(--color-border)}:is(._paForm button,.PaBtn).secondary:hover:not(:disabled):not(.disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}:is(._paForm button,.PaBtn).secondary.borderless,:is(._paForm button,.PaBtn).secondary.borderless:hover{border:none}:is(._paForm button,.PaBtn).ghost{color:var(--color-text-muted);background:0 0}:is(._paForm button,.PaBtn).ghost:hover:not(:disabled):not(.disabled){color:var(--color-text);background:var(--color-bg-subtle)}:is(._paForm button,.PaBtn).danger{color:var(--color-text-inverse);background:var(--color-danger)}:is(._paForm button,.PaBtn).danger:hover:not(:disabled):not(.disabled){background:var(--color-danger-dark)}:is(._paForm button,.PaBtn).warning{color:var(--color-yellow);border:2px solid var(--color-yellow);background:0 0}:is(._paForm button,.PaBtn).warning:hover:not(:disabled):not(.disabled){background:var(--color-yellow-light)}:is(._paForm button,.PaBtn).icon{aspect-ratio:1;padding:var(--space-2)}:is(._paForm button,.PaBtn).small{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}:is(._paForm button,.PaBtn).large{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled{color:var(--color-text-disabled);pointer-events:none;cursor:not-allowed;background:var(--color-bg-disabled);border-color:var(--color-bg-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).outlined{border-color:var(--color-border-disabled);background:0 0}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).primary{color:var(--color-primary-disabled);background:var(--color-primary-bg-disabled);border-color:var(--color-primary-bg-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).primary.outlined{border-color:var(--color-primary-disabled);background:0 0}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).danger{color:var(--color-danger-disabled);background:var(--color-danger-bg-disabled);border-color:var(--color-danger-bg-disabled)}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).danger.outlined{border-color:var(--color-danger-disabled);background:0 0}:is(:is(._paForm button,.PaBtn):disabled,:is(._paForm button,.PaBtn).disabled).warning{color:var(--color-warning-disabled);border-color:var(--color-warning-disabled);background:0 0}:is(._paForm button,.PaBtn).outlined{background-color:#0000;border:1px solid}:is(._paForm button,.PaBtn).danger.outlined:not(:disabled):not(.disabled){color:var(--color-danger)}:is(._paForm button,.PaBtn).danger.outlined:not(:disabled):not(.disabled):hover{background:var(--color-danger-light)}:is(._paForm button,.PaBtn).primary.outlined:not(:disabled):not(.disabled){color:var(--color-primary)}:is(._paForm button,.PaBtn).primary.outlined:not(:disabled):not(.disabled):hover{background:var(--color-primary-light)}._coloredBg .PaBtn{border-color:#fff}.PaBtn-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.PaBtn-spinner{animation:1s linear infinite paBtn-spin}.PaBtn-feedbackIcon{flex-shrink:0}@keyframes paBtn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PaSplitBtn{display:inline-flex;position:relative}.PaSplitBtn-main.PaBtn{border-radius:var(--radius) 0 0 var(--radius)}.PaSplitBtn-toggle{padding:var(--space-3) var(--space-2);cursor:pointer;border-radius:0 var(--radius) var(--radius) 0;transition:all var(--transition);border:none;border-left:1px solid #fff3;justify-content:center;align-items:center;display:inline-flex}.PaSplitBtn-toggleIcon{width:14px;height:14px}.PaSplitBtn-toggle.primary{color:var(--color-text-inverse);background:var(--color-primary)}.PaSplitBtn-toggle.primary:hover:not(:disabled){background:var(--color-primary-hover)}.PaSplitBtn-toggle.primary:disabled{color:var(--color-primary-disabled);background:var(--color-primary-bg-disabled)}.PaSplitBtn-toggle.danger{color:var(--color-text-inverse);background:var(--color-danger)}.PaSplitBtn-toggle.danger:hover:not(:disabled){background:var(--color-danger-dark)}.PaSplitBtn-toggle.danger:disabled{color:var(--color-danger-disabled);background:var(--color-danger-bg-disabled)}.PaSplitBtn-toggle.warning{color:var(--color-yellow);border:2px solid var(--color-yellow);background:0 0;border-left:none}.PaSplitBtn-toggle.warning:hover:not(:disabled){background:var(--color-yellow-light)}.PaSplitBtn-toggle.warning:disabled{color:var(--color-warning-disabled);border-color:var(--color-warning-disabled)}.PaSplitBtn-toggle.secondary{color:var(--color-text-muted);border:1px solid var(--color-border);border-left:1px solid var(--color-border);background:0 0}.PaSplitBtn-toggle.secondary:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaSplitBtn-toggle.secondary:disabled{color:var(--color-text-disabled);background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}.PaSplitBtn-toggle.ghost{color:var(--color-text-muted);background:0 0}.PaSplitBtn-toggle.ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle)}.PaSplitBtn-toggle.ghost:disabled{color:var(--color-text-disabled)}.PaSplitBtn.outlined .PaSplitBtn-toggle.primary{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0;border-left:none}.PaSplitBtn.outlined .PaSplitBtn-toggle.primary:hover:not(:disabled){background:var(--color-primary-light)}.PaSplitBtn.outlined .PaSplitBtn-toggle.primary:disabled{color:var(--color-primary-disabled);border-color:var(--color-primary-disabled)}.PaSplitBtn.outlined .PaSplitBtn-toggle.danger{color:var(--color-danger);border:1px solid var(--color-danger);background:0 0;border-left:none}.PaSplitBtn.outlined .PaSplitBtn-toggle.danger:hover:not(:disabled){background:var(--color-danger-light)}.PaSplitBtn.outlined .PaSplitBtn-toggle.danger:disabled{color:var(--color-danger-disabled);border-color:var(--color-danger-disabled)}.PaSplitBtn.outlined .PaSplitBtn-toggle.secondary{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0;border-left:none}.PaSplitBtn.outlined .PaSplitBtn-toggle.secondary:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaSplitBtn.outlined .PaSplitBtn-toggle.secondary:disabled{color:var(--color-text-disabled);border-color:var(--color-border-disabled)}.PaSplitBtn-toggle:disabled{pointer-events:none;cursor:not-allowed}.PaSplitBtn-menu{z-index:var(--z-dropdown);min-width:180px;padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0;inset:auto}.PaSplitBtn-menuItem{gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;border-radius:var(--radius);transition:all var(--transition);align-items:center;display:flex}.PaSplitBtn-menuItem:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-light)}.PaSplitBtn-menuIcon{width:16px;height:16px;color:var(--color-text-muted)}.PaSplitBtn-menuItem:hover:not(:disabled) .PaSplitBtn-menuIcon{color:var(--color-primary)}.PaSplitBtn-menuItem.danger:hover:not(:disabled) .PaSplitBtn-menuIcon{color:var(--color-danger)}.PaSplitBtn-menuItem.danger:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-light)}.PaSplitBtn-menuItem:disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-muted)}.PaToggleBtn{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);justify-content:center;align-items:center;display:inline-flex}.PaToggleBtn.primary{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.primary:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.primary.active{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.PaToggleBtn.secondary{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.secondary:hover:not(:disabled),.PaToggleBtn.secondary.active{color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.warning{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.warning:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.warning.active{color:var(--color-yellow-dark);background:var(--color-yellow-light);border-color:var(--color-yellow)}.PaToggleBtn.danger{color:var(--color-text-muted);background:var(--color-bg)}.PaToggleBtn.danger:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.PaToggleBtn.danger.active{color:var(--color-text-inverse);background:var(--color-danger);border-color:var(--color-danger)}.PaToggleBtn.ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.PaToggleBtn.ghost:hover:not(:disabled),.PaToggleBtn.ghost.active{color:var(--color-text);background:var(--color-bg-subtle);border-color:#0000}.PaToggleBtn:disabled{color:var(--color-text-disabled);pointer-events:none;cursor:not-allowed;background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}.PaToggleBtn:disabled.primary.active{color:var(--color-primary-disabled);background:var(--color-primary-bg-disabled);border-color:var(--color-primary-bg-disabled)}.PaToggleBtn:disabled.secondary.active{color:var(--color-text-disabled);background:var(--color-bg-disabled);border-color:var(--color-border-disabled)}.PaToggleBtn:disabled.danger.active{color:var(--color-danger-disabled);background:var(--color-danger-bg-disabled);border-color:var(--color-danger-bg-disabled)}.PaToggleBtn:disabled.warning.active{color:var(--color-warning-disabled);border-color:var(--color-warning-disabled);background:0 0}.PaToggleBtn:disabled.ghost{background:0 0;border-color:#0000}.PaToggleBtn:disabled.ghost.active{background:0 0;border-color:#0000}.PaAlert{padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border-radius:var(--radius);border-left:4px solid;position:relative}.PaAlert.dismissible{padding-right:var(--space-10)}.PaAlert.info{background:var(--color-info-light);border-color:var(--color-info)}.PaAlert.primary{background:var(--color-primary-light);border-color:var(--color-primary)}.PaAlert.success{background:var(--color-success-light);border-color:var(--color-success)}.PaAlert.warning{background:var(--color-yellow-light);border-color:var(--color-yellow)}.PaAlert.error{background:var(--color-danger-light);border-color:var(--color-danger)}.PaAlert-closeBtn{top:var(--space-3);right:var(--space-3);padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex;position:absolute}.PaAlert-closeBtn:hover:not(:disabled){color:var(--color-text);background:#0000001a}.PaAlert-closeBtn:disabled{color:var(--color-text-light);pointer-events:none;cursor:not-allowed}.PaAlert-title{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}.PaAlert-content{font-size:var(--text-sm);color:var(--color-text);line-height:1.7}.PaBadge{gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);align-items:center;display:inline-flex}.PaBadge.default{color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.PaBadge.primary{color:var(--color-primary-dark);background:var(--color-primary-light)}.PaBadge.accent{color:var(--color-accent-dark);background:var(--color-accent-light)}.PaBadge.success{color:var(--color-success-dark);background:var(--color-success-light)}.PaBadge.warning{color:var(--color-yellow-dark);background:var(--color-yellow-light)}.PaBadge.danger{color:var(--color-danger-dark);background:var(--color-danger-light)}.PaBadge.info{color:var(--color-primary-dark);background:var(--color-primary-subtle)}.PaBadge.secondary{color:var(--color-text-light);background:var(--color-bg-muted);border:1px solid var(--color-border-light)}.PaBadge.contrast{color:var(--color-text-inverse);background:var(--color-text)}.PaCard{padding:var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.PaCard-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.PaCard-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.PaCard-subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.PaChip{gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;display:inli