.page-renderer{background-color:var(--color-bg-primary);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);flex-direction:column;display:flex;overflow:auto}[data-theme=dark] .page-renderer{background-color:var(--color-bg-secondary)}.page-renderer__wrapper{padding:var(--spacing-lg);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}@media (max-width:768px){.page-renderer__wrapper{padding:var(--spacing-md)}}@media (max-width:576px){.page-renderer__wrapper{padding:var(--spacing-md)}}.page-renderer__header{margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.page-renderer__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}@media (max-width:768px){.page-renderer__title{font-size:var(--font-size-xl)}}.page-renderer__description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.page-renderer__form{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (max-width:768px){.page-renderer__form{gap:var(--spacing-md)}}@media (max-width:768px){.page-renderer__fields{gap:var(--spacing-md)}}.page-renderer__field-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.page-renderer__field{gap:var(--spacing-sm);font-size:inherit;flex-direction:column;display:flex}.page-renderer__field.is-disabled{opacity:.6;pointer-events:none}.page-renderer__field.is-readonly{pointer-events:none}.page-renderer__field-label{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex}.page-renderer__field-label-required{color:var(--color-error);font-weight:var(--font-weight-bold)}.page-renderer__field-label-text{flex:1}.page-renderer__field-label-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.page-renderer__field-input{height:var(--field-height);padding:0 var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);transition:all var(--transition-base);appearance:none;align-items:center;display:flex}.page-renderer__field-input::placeholder{color:var(--color-text-light)}.page-renderer__field-input:hover{border-color:var(--color-border-secondary);background-color:var(--color-bg-secondary)}.page-renderer__field-input:focus{border-color:var(--color-primary);background-color:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20);outline:none}.page-renderer__field-input:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:not-allowed}.page-renderer__field-input[aria-invalid=true]{border-color:var(--color-error);background-color:var(--color-error-alpha-10)}.page-renderer__field-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--color-error-alpha-20)}@media (max-width:576px){.page-renderer__field-input{height:var(--field-height-sm);font-size:var(--font-size-base)}}.page-renderer__field-textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);min-height:100px;color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);resize:vertical;transition:all var(--transition-base);align-items:flex-start;display:flex}.page-renderer__field-textarea::placeholder{color:var(--color-text-light)}.page-renderer__field-textarea:hover{border-color:var(--color-border-secondary)}.page-renderer__field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20);outline:none}.page-renderer__field-textarea:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed}.page-renderer__field-select{position:relative}.page-renderer__field-select-wrapper{height:var(--field-height);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);transition:all var(--transition-base);align-items:center;display:flex;overflow:hidden}.page-renderer__field-select-wrapper:hover{border-color:var(--color-border-secondary)}.page-renderer__field-select-wrapper.is-open{border-color:var(--color-primary)}.page-renderer__field-select-trigger{width:100%;height:100%;padding:0 var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;appearance:none;background-color:#0000;border:none;justify-content:space-between;align-items:center;display:flex}.page-renderer__field-select-trigger:focus{outline:none}.page-renderer__field-select-arrow{width:1.5rem;height:1.5rem;color:var(--color-text-secondary);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-renderer__field-select-options{margin-top:var(--spacing-xs);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:100%;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.page-renderer__field-select-option{width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);text-align:left;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-overflow:ellipsis;background-color:#0000;border:none;display:block;overflow:hidden}.page-renderer__field-select-option:hover{background-color:var(--color-bg-tertiary)}.page-renderer__field-select-option.is-selected{background-color:var(--color-primary-alpha-20);color:var(--color-primary);font-weight:var(--font-weight-medium)}.page-renderer__field-checkbox{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.page-renderer__field-checkbox-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);cursor:pointer;width:1.25rem;height:1.25rem;transition:all var(--transition-base);appearance:none;flex-shrink:0}.page-renderer__field-checkbox-input:hover{border-color:var(--color-border-secondary)}.page-renderer__field-checkbox-input:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 11-1.06-1.06L12.72 4.22a.75.75 0 011.06 0Z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100%}.page-renderer__field-checkbox-input:focus{box-shadow:0 0 0 3px var(--color-primary-alpha-20);outline:none}.page-renderer__field-checkbox-input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.page-renderer__field-checkbox-label{font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer}.page-renderer__field-radio{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.page-renderer__field-radio-input{border:1px solid var(--color-border);background-color:var(--color-bg-primary);cursor:pointer;width:1.25rem;height:1.25rem;transition:all var(--transition-base);appearance:none;border-radius:50%;flex-shrink:0}.page-renderer__field-radio-input:hover{border-color:var(--color-border-secondary)}.page-renderer__field-radio-input:checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-bg-primary)}.page-renderer__field-radio-input:focus{box-shadow:0 0 0 3px var(--color-primary-alpha-20);outline:none}.page-renderer__field-radio-input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.page-renderer__field-radio-label{font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer}.page-renderer__field-helper{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:-.25rem}.page-renderer__field-helper.is-error{color:var(--color-error);font-weight:var(--font-weight-medium)}.page-renderer__field-icon{width:1.5rem;height:1.5rem;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-renderer__section{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}[data-theme=dark] .page-renderer__section{background-color:var(--color-bg-tertiary)}.page-renderer__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.page-renderer__section-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media (max-width:768px){.page-renderer__section{padding:var(--spacing-md)}}.page-renderer__field-grid{gap:var(--spacing-lg);width:100%;display:grid}.page-renderer__field-grid.cols-1{grid-template-columns:repeat(1,1fr)}.page-renderer__field-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.page-renderer__field-grid.cols-2{grid-template-columns:repeat(1,1fr)}}.page-renderer__field-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.page-renderer__field-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-renderer__field-grid.cols-3{grid-template-columns:repeat(1,1fr)}}.page-renderer__field-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1280px){.page-renderer__field-grid.cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.page-renderer__field-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-renderer__field-grid.cols-4{grid-template-columns:repeat(1,1fr)}}.page-renderer__button{justify-content:center;align-items:center;gap:var(--spacing-sm);height:var(--button-height);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--radius-lg);background-color:var(--color-primary);color:#fff;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.page-renderer__button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.page-renderer__button:active:not(:disabled){transform:translateY(1px)}.page-renderer__button:focus{outline:var(--focus-outline-width) solid var(--color-primary);outline-offset:var(--focus-outline-offset)}.page-renderer__button:disabled{opacity:.5;cursor:not-allowed}.page-renderer__button.is-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.page-renderer__button.is-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.page-renderer__button.is-danger{background-color:var(--color-error)}.page-renderer__button.is-danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-error) 88%, black)}.page-renderer__button.is-success{background-color:var(--color-success)}.page-renderer__button.is-success:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-success) 88%, black)}.page-renderer__button.is-small{height:var(--button-height-sm);font-size:var(--font-size-sm)}.page-renderer__button.is-large{height:var(--button-height-lg);font-size:var(--font-size-lg)}.page-renderer__button.is-loading{pointer-events:none;opacity:.7}@media (max-width:576px){.page-renderer__button{width:100%}}.page-renderer__button-group{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}@media (max-width:576px){.page-renderer__button-group{flex-direction:column}}.page-renderer__field.is-error .page-renderer__field-input,.page-renderer__field.is-error .page-renderer__field-textarea,.page-renderer__field.is-error .page-renderer__field-select-wrapper{border-color:var(--color-error);background-color:var(--color-error-alpha-10)}.page-renderer__field.is-error .page-renderer__field-input:focus,.page-renderer__field.is-error .page-renderer__field-textarea:focus,.page-renderer__field.is-error .page-renderer__field-select-wrapper.is-open{box-shadow:0 0 0 3px var(--color-error-alpha-20)}.page-renderer__error-message{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-error-alpha-10);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-md);display:flex}.page-renderer__error-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin-top:1px;display:inline-flex}.page-renderer__error-text{flex:1}.page-renderer__success-message{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-success-alpha-10);border:1px solid var(--color-success);border-radius:var(--radius-lg);color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-md);display:flex}.page-renderer__skeleton{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--radius-lg);height:var(--field-height);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-renderer__empty-state{padding:var(--spacing-3xl);text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.page-renderer__empty-state-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:3rem}.page-renderer__empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.page-renderer__empty-state-text{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);max-width:400px}.page-renderer__tooltip{background-color:var(--color-text-primary);color:var(--color-bg-primary);padding:.5rem var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);position:absolute}.page-renderer__field-input:focus-visible,.page-renderer__field-textarea:focus-visible,.page-renderer__field-checkbox-input:focus-visible,.page-renderer__field-radio-input:focus-visible,.page-renderer__button:focus-visible{outline:var(--focus-outline-width) solid var(--color-primary);outline-offset:var(--focus-outline-offset)}.page-renderer__field-input:focus:not(:focus-visible),.page-renderer__field-textarea:focus:not(:focus-visible),.page-renderer__field-checkbox-input:focus:not(:focus-visible),.page-renderer__field-radio-input:focus:not(:focus-visible),.page-renderer__button:focus:not(:focus-visible){outline:none}@media (prefers-contrast:more){.page-renderer__field-input,.page-renderer__field-textarea,.page-renderer__button{border-width:2px}}@media (prefers-reduced-motion:reduce){.page-renderer__field-input,.page-renderer__field-textarea,.page-renderer__button,.page-renderer__field-checkbox-input,.page-renderer__field-radio-input{transition:none}.page-renderer__skeleton{background:var(--color-bg-tertiary);animation:none}}@media print{.page-renderer__button,.page-renderer__button-group{display:none!important}.page-renderer__field-input,.page-renderer__field-textarea{background-color:#0000;border:none;padding:0}}.page-renderer__form{height:100%;padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex;overflow:auto}.page-renderer__title{margin:0;margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.page-renderer__description{margin:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-renderer__fields{gap:var(--spacing-md);flex-direction:column;display:flex}.form-dialog{flex-direction:column;width:100%;height:100%;display:flex}.form-dialog__content{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.form-dialog__loading{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.form-dialog__error{padding:var(--spacing-lg)}.form-dialog__error-alert{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:color-mix(in srgb, var(--color-error) 12%, var(--color-bg-secondary));border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);border-radius:var(--radius-md);color:var(--color-error);display:flex}[data-theme=dark] .form-dialog__error-alert{background-color:color-mix(in srgb, var(--status-error) 15%, transparent);border-color:color-mix(in srgb, var(--status-error) 30%, transparent)}.form-dialog__error-icon{flex-shrink:0;font-weight:700}.form-dialog__body{background-color:var(--color-bg-secondary);flex:1;overflow:auto}[data-theme=dark] .form-dialog__body{background-color:var(--color-bg-tertiary)}.form-dialog__body-inner{max-width:1200px;padding:var(--spacing-md);margin:0 auto}.form-dialog__snackbar{top:var(--spacing-md);align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:9999;color:var(--color-text-inverse);min-width:280px;max-width:500px;animation:.3s ease-out formDialogSlideDown;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes formDialogSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.form-dialog__snackbar.is-success{background-color:var(--color-success)}.form-dialog__snackbar.is-error{background-color:var(--color-error)}.form-dialog__snackbar-content{font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-normal);flex:1}.form-dialog__snackbar-close{width:24px;height:24px;color:var(--color-text-inverse);cursor:pointer;opacity:.7;transition:opacity var(--transition-base);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;display:flex}.form-dialog__snackbar-close:hover{opacity:1}[data-theme=dark] .page-renderer__field-input,[data-theme=dark] .page-renderer__field-textarea{background-color:var(--color-bg-tertiary)}[data-theme=dark] .page-renderer__field-select-options{background-color:var(--color-bg-secondary)}[data-theme=dark] .page-renderer__field-select-option:hover{background-color:var(--color-bg-tertiary)}