.header{background-color:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:var(--shadow-sm)!important;border-bottom:1px solid var(--color-border);z-index:1300!important}.header__toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg)}@media (max-width: 1024px){.header__toolbar{padding:0 var(--spacing-md)}}.header__left{display:flex;align-items:center;gap:var(--spacing-md)}.header__menu-button{color:var(--color-text)!important}.header__menu-button:hover{background-color:var(--color-background)!important}.header__logo{display:flex;align-items:center}.header__logo-image{height:24px;width:auto}.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}@media (max-width: 1024px){.header__actions{gap:var(--spacing-sm)}}.header__dark-mode-switch .MuiFormControlLabel-root{margin:0}.header__dark-mode-switch .MuiSwitch-root .MuiSwitch-switchBase{color:var(--color-text-secondary)}.header__dark-mode-switch .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:var(--color-primary)}.header__dark-mode-switch .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--color-primary);opacity:.5}.header__dark-mode-switch .MuiSwitch-root .MuiSwitch-track{background-color:var(--color-border)}.header__language-select{min-width:140px}@media (max-width: 1024px){.header__language-select{min-width:120px}}.header__language-select .MuiSelect-select{color:var(--color-text);font-size:var(--font-size-txt-m);padding:var(--spacing-sm) var(--spacing-md)}@media (max-width: 1024px){.header__language-select .MuiSelect-select{padding:var(--spacing-xs) var(--spacing-sm)}}.header__language-select .MuiOutlinedInput-notchedOutline{border-color:var(--color-border)}.header__language-select:hover .MuiOutlinedInput-notchedOutline,.header__language-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--color-primary)}.header__language-select-value,.header__language-select-option{display:flex;align-items:center;gap:var(--spacing-sm)}.header__language-select-flag{font-size:16px;line-height:1}.header__language-select-label{font-size:var(--font-size-txt-m)}@media (max-width: 1024px){.header__language-select-label{display:none}}.header__language-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.header__language-option .header__language-flag{font-size:16px;line-height:1}.header__language-option .header__language-label{font-size:var(--font-size-txt-m)}.header__user-button .MuiAvatar-root{background-color:var(--color-primary);color:#fff;width:32px;height:32px}@media (max-width: 1024px){.header__user-button .MuiAvatar-root{width:28px;height:28px}}.header__user-menu .MuiPaper-root{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.header__user-menu .MuiMenuItem-root{color:var(--color-text)}.header__user-menu .MuiMenuItem-root:hover{background-color:var(--color-background)}.header__user-menu .MuiMenuItem-root .MuiListItemIcon-root{color:var(--color-text-secondary)}.header__user-menu .MuiDivider-root{border-color:var(--color-border)}.new-template-modal .MuiDialog-paper{background-color:var(--color-background);margin:0;max-height:none;max-width:none;border-radius:0}.new-template-modal__container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.new-template-modal__header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);z-index:10;min-height:64px}.new-template-modal__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.new-template-modal__header-center{flex:1;display:flex;justify-content:center;max-width:600px}.new-template-modal__header-right{display:flex;align-items:center;gap:var(--spacing-md)}.new-template-modal__close-button{color:var(--color-text-secondary)!important}.new-template-modal__close-button:hover{color:var(--color-text)!important;background-color:var(--color-background)!important}.new-template-modal__title{font-size:var(--font-size-h6)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important}.new-template-modal__tabs .MuiTabs-indicator{background-color:var(--color-primary)}.new-template-modal__tab{font-size:var(--font-size-txt-m)!important;text-transform:none!important;color:var(--color-text-secondary)!important;min-width:120px}.new-template-modal__tab--active,.new-template-modal__tab.Mui-selected{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)!important}.new-template-modal__preview-button{color:var(--color-text-secondary)!important}.new-template-modal__preview-button:hover{color:var(--color-text)!important;background-color:var(--color-background)!important}.new-template-modal__save-button{background-color:var(--color-primary)!important;color:#fff!important;text-transform:none!important;font-weight:var(--font-weight-medium)!important}.new-template-modal__save-button:hover{background-color:var(--color-primary)!important;opacity:.9}.new-template-modal__content{display:flex;flex:1;overflow:hidden}.new-template-modal__left-sidebar,.new-template-modal__right-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s ease;overflow:hidden}.new-template-modal__left-sidebar{width:280px}.new-template-modal__left-sidebar--collapsed{width:48px}.new-template-modal__right-sidebar{width:280px;border-right:none;border-left:1px solid var(--color-border)}.new-template-modal__right-sidebar--collapsed{width:48px}.new-template-modal__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);min-height:56px}.new-template-modal__sidebar-title{font-size:var(--font-size-txt-l)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important}.new-template-modal__collapse-button{color:var(--color-text-secondary)!important}.new-template-modal__collapse-button:hover{color:var(--color-text)!important;background-color:var(--color-background)!important}.new-template-modal__sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.new-template-modal__search{margin-bottom:var(--spacing-lg)}.new-template-modal__search .MuiOutlinedInput-root{background-color:var(--color-background)}.new-template-modal__search-icon{color:var(--color-text-secondary);margin-right:var(--spacing-sm);font-size:18px}.new-template-modal__component-sections{display:flex;flex-direction:column;gap:var(--spacing-sm)}.new-template-modal__section{border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden}.new-template-modal__section-header{background-color:var(--color-background);padding:var(--spacing-sm) var(--spacing-md)!important}.new-template-modal__section-header:hover{background-color:var(--color-surface)!important}.new-template-modal__section-icon{color:var(--color-primary)!important;min-width:32px!important}.new-template-modal__section-description{display:block!important;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary)!important;font-style:italic}.new-template-modal__component-list{padding:0!important}.new-template-modal__component-item{padding:var(--spacing-sm) var(--spacing-md)!important;cursor:grab;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.new-template-modal__component-item:hover{background-color:var(--color-background)}.new-template-modal__component-item:active{cursor:grabbing}.new-template-modal__component-item:last-child{border-bottom:none}.new-template-modal__component-icon{color:var(--color-text-secondary)!important;min-width:32px!important}.new-template-modal__drag-handle{color:var(--color-text-secondary)!important;font-size:16px!important}.new-template-modal__main-content{flex:1;padding:var(--spacing-lg);overflow-y:auto;background-color:#f8fafc}.new-template-modal__form-canvas{max-width:800px;margin:0 auto;padding:var(--spacing-xl);min-height:600px;background-color:#fff!important;border:2px dashed var(--color-primary);border-radius:var(--border-radius-lg)!important}.new-template-modal__form-header{margin-bottom:var(--spacing-lg)}.new-template-modal__form-title{width:100%;margin-bottom:var(--spacing-md)}.new-template-modal__form-title .MuiInputBase-input{font-size:var(--font-size-h4)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important;padding:var(--spacing-sm) 0}.new-template-modal__form-description{width:100%}.new-template-modal__form-description .MuiInputBase-input{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;padding:var(--spacing-sm) 0;line-height:1.5}.new-template-modal__form-divider{margin:var(--spacing-lg) 0!important;border-color:var(--color-border)!important}.new-template-modal__form-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.new-template-modal__form-field{padding:0;border:2px solid transparent;border-radius:var(--border-radius-md);background-color:transparent;transition:border-color .2s ease;cursor:pointer;position:relative;margin-bottom:var(--spacing-lg)}.new-template-modal__form-field:hover{border-color:#e5e7eb}.new-template-modal__form-field:hover .new-template-modal__field-wrapper{background-color:#f9fafb}.new-template-modal__form-field:hover .new-template-modal__delete-button{opacity:1}.new-template-modal__form-field--selected{border-color:#8b5cf6}.new-template-modal__form-field--selected .new-template-modal__field-wrapper{background-color:#f3f4f6}.new-template-modal__form-field--selected .new-template-modal__delete-button{opacity:1}.new-template-modal__field-wrapper{padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:background-color .2s ease}.new-template-modal__field-header{margin-bottom:var(--spacing-sm)}.new-template-modal__field-title{display:flex;justify-content:space-between;align-items:flex-start}.new-template-modal__field-label{font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important;display:flex;align-items:center;gap:2px}.new-template-modal__required-asterisk{color:var(--color-error)!important;font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-txt-l)}.new-template-modal__field-actions{display:flex;align-items:center}.new-template-modal__delete-button{color:#6b7280!important;opacity:0;transition:opacity .2s ease,color .2s ease;padding:2px!important}.new-template-modal__delete-button:hover{color:var(--color-error)!important;background-color:#ef44441a!important}.new-template-modal__delete-button .MuiSvgIcon-root{font-size:16px}.new-template-modal__field-description{color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-sm)!important;font-style:italic}.new-template-modal__drop-zone{display:flex;align-items:center;justify-content:center;min-height:200px;border:2px dashed var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);text-align:center}.new-template-modal__properties{display:flex;flex-direction:column;height:100%}.new-template-modal__properties-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.new-template-modal__properties-title{font-size:var(--font-size-txt-l)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important}.new-template-modal__properties-close{color:var(--color-text-secondary)!important}.new-template-modal__properties-close:hover{color:var(--color-text)!important;background-color:var(--color-background)!important}.new-template-modal__properties-content{flex:1;padding:var(--spacing-md);overflow-y:auto}.new-template-modal__property-group{margin-bottom:var(--spacing-lg)}.new-template-modal__property-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.new-template-modal__property-icon{width:12px;height:12px;border-radius:50%;background-color:var(--color-primary)}.new-template-modal__property-label{font-size:var(--font-size-txt-m)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important;display:block;margin-bottom:var(--spacing-sm)}.new-template-modal__property-input .MuiOutlinedInput-root{background-color:var(--color-background)}.new-template-modal__checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-txt-m);color:var(--color-text);cursor:pointer}.new-template-modal__checkbox{width:18px;height:18px;accent-color:var(--color-primary)}.new-template-modal__character-limits{display:flex;flex-direction:column;gap:var(--spacing-md)}.new-template-modal__info-button{color:var(--color-primary)!important}.new-template-modal__properties-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.new-template-modal__save-properties-button{background-color:#1e3a8a!important;color:#fff!important;text-transform:none!important;font-weight:var(--font-weight-medium)!important;border-radius:var(--border-radius-lg)!important;padding:var(--spacing-md)!important}.new-template-modal__save-properties-button:hover{background-color:#1e40af!important}.new-template-modal .MuiDialog-root .MuiBackdrop-root{background-color:#000000b3}@media (max-width: 1024px){.new-template-modal__header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.new-template-modal__header-center{order:-1;max-width:none;width:100%}.new-template-modal__left-sidebar,.new-template-modal__right-sidebar{width:240px}.new-template-modal__left-sidebar--collapsed,.new-template-modal__right-sidebar--collapsed{width:0}.new-template-modal__main-content{padding:var(--spacing-md)}.new-template-modal__form-canvas{padding:var(--spacing-lg)}}.sidebar__paper{width:220px;background-color:var(--color-surface)!important;border-right:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm);z-index:1200!important}@media (max-width: 1024px){.sidebar__paper{width:280px}}.sidebar__toolbar{height:64px;border-bottom:1px solid var(--color-border)}.sidebar__list{padding:var(--spacing-md) 0}.sidebar__item,.sidebar__subitem{margin-bottom:var(--spacing-xs)}.sidebar__button{margin:0 var(--spacing-md);border-radius:var(--border-radius-md)!important;color:var(--color-text)!important;transition:all .2s ease!important}.sidebar__button:hover{background-color:var(--color-background)!important;transform:translate(2px)}.sidebar__button--active{background-color:var(--color-primary)!important;color:#fff!important;border-radius:0!important}.sidebar__button--active .sidebar__icon{color:#fff!important}.sidebar__button--active:hover{background-color:var(--color-primary)!important;opacity:.9;transform:translate(2px)}.sidebar__button--sub{padding-left:var(--spacing-xl)!important}.sidebar__button--sub.sidebar__button--active{border-radius:0!important}.sidebar__icon{color:var(--color-text-secondary);min-width:40px!important}.sidebar__icon--sub{min-width:32px!important}.sidebar__text .MuiListItemText-primary{font-size:var(--font-size-txt-m);font-weight:var(--font-weight-medium)}.layout{display:flex;min-height:100vh;background-color:var(--color-background)}.layout__main{flex-grow:1;margin-left:220px;margin-top:64px;background-color:var(--color-background);transition:margin-left .3s ease}@media (max-width: 1024px){.layout__main{margin-left:0}}.layout__main--mobile{margin-left:0}.layout__content{padding:var(--spacing-xl);min-height:calc(100vh - 64px)}@media (max-width: 1024px){.layout__content{padding:var(--spacing-lg)}}@media (max-width: 768px){.layout__content{padding:var(--spacing-md)}}.stats-card{background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:all .2s ease!important}.stats-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.stats-card__content{padding:var(--spacing-lg)!important}.stats-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.stats-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff}.stats-card__icon .MuiSvgIcon-root{font-size:24px}.stats-card__value{font-size:var(--font-size-h3)!important;font-weight:var(--font-weight-bold)!important;color:var(--color-text)!important}.stats-card__title{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-medium)!important}.stats-card--primary .stats-card__icon{background-color:var(--color-primary)}.stats-card--secondary .stats-card__icon{background-color:var(--color-secondary)}.stats-card--success .stats-card__icon{background-color:var(--color-success)}.stats-card--warning .stats-card__icon{background-color:var(--color-warning)}.stats-card--error .stats-card__icon{background-color:var(--color-error)}.template-card{background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:all .2s ease!important;cursor:pointer;height:280px;display:flex;flex-direction:column}.template-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px);border-color:var(--color-primary)}.template-card__content{padding:var(--spacing-lg)!important;position:relative;height:100%;display:flex;flex-direction:column}.template-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-shrink:0}.template-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff}.template-card__icon .MuiSvgIcon-root{font-size:20px}.template-card__usage-chip{background-color:var(--color-success)!important;color:#fff!important}.template-card__usage-chip .MuiChip-icon{color:#fff!important}.template-card__title{font-size:var(--font-size-h6)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important;margin-bottom:var(--spacing-sm)!important;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;min-height:2.6em}.template-card__description{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-md)!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;min-height:4.5em}.template-card__date{font-size:var(--font-size-txt-p)!important;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-medium)!important;margin-bottom:var(--spacing-md)!important;flex-shrink:0;margin-top:auto}.template-card__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);flex-shrink:0}.template-card__action-button{color:var(--color-text-secondary)!important;transition:all .2s ease!important}.template-card__action-button:hover{color:var(--color-primary)!important;background-color:var(--color-background)!important}.dashboard__title{margin-bottom:var(--spacing-xl);color:var(--color-text)}.dashboard__loading{display:flex;justify-content:center;align-items:center;height:200px}.dashboard__stats{margin-bottom:var(--spacing-2xl)}.dashboard__templates{margin-bottom:var(--spacing-xl)}.dashboard__section-title{margin-bottom:var(--spacing-lg);color:var(--color-text)}.dashboard__template-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.json-viewer{background-color:#1e1e1e;border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4}.json-viewer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:#2d2d2d;border-bottom:1px solid #404040}.json-viewer__title{color:#fff!important;font-size:var(--font-size-txt-m)!important;font-weight:var(--font-weight-medium)!important;font-family:inherit}.json-viewer__copy-button{color:#fff!important}.json-viewer__copy-button:hover{background-color:#404040!important}.json-viewer__content{padding:var(--spacing-md);overflow-y:auto;background-color:#1e1e1e}.json-viewer__content::-webkit-scrollbar{width:8px}.json-viewer__content::-webkit-scrollbar-track{background:#2d2d2d}.json-viewer__content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.json-viewer__content::-webkit-scrollbar-thumb:hover{background:#666}.json-viewer__node{color:#fff}.json-viewer__object{display:flex;flex-direction:column}.json-viewer__object-header{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.json-viewer__object-header:hover{background-color:#ffffff0d;border-radius:2px}.json-viewer__expand-button{color:#fff!important;padding:2px!important;margin-right:4px}.json-viewer__expand-button .MuiSvgIcon-root{font-size:16px}.json-viewer__object-content{margin-left:0}.json-viewer__property{position:relative}.json-viewer__property-line{display:flex;align-items:flex-start;min-height:20px;padding:1px 0}.json-viewer__property-line:hover{background-color:#ffffff08}.json-viewer__indent{flex-shrink:0;height:1px}.json-viewer__key{color:#9cdcfe;font-weight:500}.json-viewer__array-index{color:#dcdcaa;font-weight:500}.json-viewer__colon{color:#fff;margin:0 4px 0 0}.json-viewer__comma{color:#fff;margin-left:0}.json-viewer__bracket{color:gold;font-weight:700}.json-viewer__preview{color:gray;font-style:italic;margin:0 8px;font-size:12px}.json-viewer__closing-bracket{display:flex;align-items:center;min-height:20px;padding:1px 0}.json-viewer__value{word-break:break-word}.json-viewer__value--string{color:#ce9178}.json-viewer__value--number{color:#b5cea8}.json-viewer__value--boolean{color:#569cd6}.json-viewer__value--null{color:#569cd6;font-style:italic}.json-viewer__root-key{display:flex;align-items:center;margin-bottom:4px}[data-theme=dark] .json-viewer{border-color:var(--color-border)}[data-theme=dark] .json-viewer__header{background-color:#2d2d2d;border-bottom-color:#404040}.template-details-modal .MuiDialog-paper{background-color:var(--color-surface);border:1px solid var(--color-border)}.template-details-modal__title{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.template-details-modal__title-content{display:flex;justify-content:space-between;align-items:center}.template-details-modal__close-button{color:var(--color-text-secondary)!important;min-width:auto!important;padding:var(--spacing-xs)!important}.template-details-modal__close-button:hover{color:var(--color-text)!important;background-color:var(--color-background)!important}.template-details-modal__content{padding:var(--spacing-xl)!important}.template-details-modal__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;gap:var(--spacing-md)}.template-details-modal__loading .MuiTypography-root{color:var(--color-text-secondary)}.template-details-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.template-details-modal__name{font-size:var(--font-size-h5)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important}.template-details-modal__description{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-lg)!important;line-height:1.5}.template-details-modal__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.template-details-modal__info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.template-details-modal__label{font-size:var(--font-size-txt-p)!important;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-medium)!important}.template-details-modal__value{font-size:var(--font-size-txt-m)!important;color:var(--color-text)!important}.template-details-modal__divider{margin:var(--spacing-lg) 0!important;border-color:var(--color-border)!important}.template-details-modal__json-section{margin-bottom:var(--spacing-lg)}.template-details-modal__no-data{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;text-align:center;padding:var(--spacing-xl);font-style:italic;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.template-details-modal__actions{border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.template-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.template-list__header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}}.template-list__title{color:var(--color-text)}.template-list__new-button{background-color:var(--color-primary)!important;color:#fff!important}.template-list__new-button:hover{background-color:var(--color-primary)!important;opacity:.9}@media (max-width: 768px){.template-list__new-button{width:100%}}.template-list__filters{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.template-list__search .MuiOutlinedInput-root{background-color:var(--color-background)}.template-list__search-icon,.template-list__date-icon{color:var(--color-text-secondary);margin-right:var(--spacing-sm);font-size:20px}.template-list__error{margin-bottom:var(--spacing-lg)}.template-list__content{min-height:400px}.template-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:var(--spacing-md)}.template-list__loading .MuiTypography-root{color:var(--color-text-secondary)}.template-list__grid{margin-bottom:var(--spacing-xl)}.template-list__pagination{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.template-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;gap:var(--spacing-sm)}.new-collection__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.new-collection__title{color:var(--color-text)}.new-collection__actions{display:flex;gap:var(--spacing-md)}.new-collection__cancel-button{border-color:var(--color-text-secondary)!important;color:var(--color-text-secondary)!important}.new-collection__cancel-button:hover{border-color:var(--color-text)!important;color:var(--color-text)!important}.new-collection__save-button{background-color:var(--color-primary)!important;color:#fff!important}.new-collection__save-button:hover{background-color:var(--color-primary)!important;opacity:.9}.new-collection__content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.collection-card{background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:all .2s ease!important;cursor:pointer;height:280px;display:flex;flex-direction:column}.collection-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px);border-color:var(--color-primary)}.collection-card__content{padding:var(--spacing-lg)!important;height:100%;display:flex;flex-direction:column}.collection-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-shrink:0}.collection-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff}.collection-card__icon .MuiSvgIcon-root{font-size:20px}.collection-card__status-chip{font-weight:var(--font-weight-medium)!important}.collection-card__title{font-size:var(--font-size-h6)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important;margin-bottom:var(--spacing-sm)!important;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;min-height:2.6em}.collection-card__description{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-sm)!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;min-height:3em}.collection-card__template{font-size:var(--font-size-txt-p)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-md)!important;font-style:italic;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.collection-card__stats{margin-bottom:var(--spacing-md);flex-shrink:0}.collection-card__stat{font-size:var(--font-size-txt-m)!important;color:var(--color-text)!important;font-weight:var(--font-weight-medium)!important;margin-bottom:var(--spacing-xs)!important}.collection-card__date{font-size:var(--font-size-txt-p)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-md)!important;flex-shrink:0;margin-top:auto}.collection-card__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;flex-shrink:0}.collection-card__action-button{color:var(--color-text-secondary)!important;transition:all .2s ease!important}.collection-card__action-button:hover{color:var(--color-primary)!important;background-color:var(--color-background)!important}.collection-card__action-button--danger:hover{color:var(--color-error)!important}.collection-details-modal .MuiDialog-paper{background-color:var(--color-surface);border:1px solid var(--color-border)}.collection-details-modal__title{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.collection-details-modal__title-content{display:flex;justify-content:space-between;align-items:center}.collection-details-modal__close-button{color:var(--color-text-secondary)!important;min-width:auto!important;padding:var(--spacing-xs)!important}.collection-details-modal__close-button:hover{color:var(--color-text)!important;background-color:var(--color-background)!important}.collection-details-modal__content{padding:var(--spacing-xl)!important}.collection-details-modal__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;gap:var(--spacing-md)}.collection-details-modal__loading .MuiTypography-root{color:var(--color-text-secondary)}.collection-details-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.collection-details-modal__name{font-size:var(--font-size-h5)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important}.collection-details-modal__description{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-lg)!important;line-height:1.5}.collection-details-modal__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.collection-details-modal__info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.collection-details-modal__label{font-size:var(--font-size-txt-p)!important;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-medium)!important}.collection-details-modal__value{font-size:var(--font-size-txt-m)!important;color:var(--color-text)!important}.collection-details-modal__divider{margin:var(--spacing-lg) 0!important;border-color:var(--color-border)!important}.collection-details-modal__json-section{margin-bottom:var(--spacing-lg)}.collection-details-modal__no-data{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;text-align:center;padding:var(--spacing-xl);font-style:italic;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.collection-details-modal__responses-title{font-size:var(--font-size-h6)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text)!important;margin-bottom:var(--spacing-md)!important}.collection-details-modal__responses-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.collection-details-modal__response-item{padding:var(--spacing-sm);background-color:var(--color-background);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.collection-details-modal__response-date{font-size:var(--font-size-txt-m)!important;color:var(--color-text)!important;font-weight:var(--font-weight-medium)!important}.collection-details-modal__response-id{font-size:var(--font-size-txt-p)!important;color:var(--color-text-secondary)!important}.collection-details-modal__actions{border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.inactivate-collection-modal .MuiDialog-paper{background-color:var(--color-surface);border:1px solid var(--color-border)}.inactivate-collection-modal__title{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.inactivate-collection-modal__title-content{display:flex;align-items:center;gap:var(--spacing-md)}.inactivate-collection-modal__warning-icon{color:var(--color-warning)!important;font-size:24px!important}.inactivate-collection-modal__content{padding:var(--spacing-xl)!important}.inactivate-collection-modal__message{font-size:var(--font-size-txt-l)!important;color:var(--color-text)!important;margin-bottom:var(--spacing-lg)!important;line-height:1.5}.inactivate-collection-modal__info{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.inactivate-collection-modal__info-text{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;line-height:1.5}.inactivate-collection-modal__warning{font-size:var(--font-size-txt-m)!important;color:var(--color-text-secondary)!important;line-height:1.5;font-style:italic}.inactivate-collection-modal__actions{border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-md)}.inactivate-collection-modal__cancel-button{border-color:var(--color-text-secondary)!important;color:var(--color-text-secondary)!important}.inactivate-collection-modal__cancel-button:hover{border-color:var(--color-text)!important;color:var(--color-text)!important}.inactivate-collection-modal__confirm-button{background-color:var(--color-error)!important;color:#fff!important}.inactivate-collection-modal__confirm-button:hover{background-color:var(--color-error)!important;opacity:.9}.inactivate-collection-modal__confirm-button:disabled{background-color:var(--color-text-secondary)!important;opacity:.6}.collection-list__header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.collection-list__header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}}.collection-list__title{color:var(--color-text)}.collection-list__filters{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.collection-list__search .MuiOutlinedInput-root{background-color:var(--color-background)}.collection-list__search-icon,.collection-list__date-icon{color:var(--color-text-secondary);margin-right:var(--spacing-sm);font-size:20px}.collection-list__error{margin-bottom:var(--spacing-lg)}.collection-list__content{min-height:400px}.collection-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:var(--spacing-md)}.collection-list__loading .MuiTypography-root{color:var(--color-text-secondary)}.collection-list__grid{margin-bottom:var(--spacing-xl)}.collection-list__pagination{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.collection-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;gap:var(--spacing-sm)}.user-management__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.user-management__title{color:var(--color-text)}.user-management__content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center}:root{--color-primary: #9333ea;--color-secondary: #7e22ce;--color-success: #28a745;--color-error: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-background: #ffffff;--color-text: #000000;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-surface: #f9fafb;--font-family: "Inter", Arial, sans-serif;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-size-txt-xl: 1.125rem;--font-size-txt-l: 1rem;--font-size-txt-m: .875rem;--font-size-txt-p: .75rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem}[data-theme=dark]{--color-background: #1f2937;--color-text: #ffffff;--color-text-secondary: #9ca3af;--color-border: #374151;--color-surface: #111827}[data-company=contratare]{--color-primary: #2563eb;--color-secondary: #1d4ed8;--font-family: Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6;transition:background-color .3s ease,color .3s ease}.text--h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}.text--h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}.text--h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium)}.text--h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium)}.text--h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}.text--h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}.text--xl{font-size:var(--font-size-txt-xl)}.text--l{font-size:var(--font-size-txt-l)}.text--m{font-size:var(--font-size-txt-m)}.text--p{font-size:var(--font-size-txt-p)}.text--light{font-weight:var(--font-weight-light)}.text--regular{font-weight:var(--font-weight-regular)}.text--medium{font-weight:var(--font-weight-medium)}.text--bold{font-weight:var(--font-weight-bold)}.text--secondary{color:var(--color-text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--column{flex-direction:column}.flex--wrap{flex-wrap:wrap}.grid{display:grid}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--gap-sm{gap:var(--spacing-sm)}.grid--gap-md{gap:var(--spacing-md)}.grid--gap-lg{gap:var(--spacing-lg)}.m--xs{margin:var(--spacing-xs)}.m--sm{margin:var(--spacing-sm)}.m--md{margin:var(--spacing-md)}.m--lg{margin:var(--spacing-lg)}.m--xl{margin:var(--spacing-xl)}.p--xs{padding:var(--spacing-xs)}.p--sm{padding:var(--spacing-sm)}.p--md{padding:var(--spacing-md)}.p--lg{padding:var(--spacing-lg)}.p--xl{padding:var(--spacing-xl)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card__title{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);color:var(--color-text)}.card__content{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-txt-m);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{opacity:.9;transform:translateY(-1px)}.btn--secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:#fff}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background-color:var(--color-surface);color:var(--color-text)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.slide-in-right{animation:slideInRight .3s ease-out}.slide-out-right{animation:slideOutRight .3s ease-out}