vaadin-app-layout::part(content){container-type: inline-size;container-name: admin-main;padding: 0 !important;margin: 0 !important}vaadin-app-layout::part(drawer){padding: 0 !important;overflow: hidden !important}.category-split{--aside-width: 400px;width: 100% !important;height: 100% !important;align-items: stretch !important}.category-aside{flex: 0 0 var(--aside-width) !important;width: var(--aside-width) !important;max-width: var(--aside-width) !important;min-width: var(--aside-width) !important;border-right: 1px solid #E3E8EF !important;background: #fff !important;overflow: hidden !important}.category-content{flex: 1 1 0% !important;min-width: 0 !important;overflow: auto !important;background: #F6F8FA !important;height: 100% !important;box-sizing: border-box !important}.category-empty-detail{height: 100%;display: flex;align-items: center;justify-content: center;color: #9AA3B2;flex-direction: column;gap: 10px}.category-empty-detail__icon{font-size: 48px}.category-empty-detail__text{font-size: 14px}@container admin-main (max-width: 1023px){.category-split{--aside-width: 320px}}@container admin-main (max-width: 639px){.category-split{flex-direction: column !important}.category-aside{flex: 0 0 auto !important;width: 100% !important;max-width: 100% !important;min-width: 0 !important;max-height: 52px;border-right: none !important;border-bottom: 1px solid #E3E8EF;transition: max-height 200ms}.category-aside.expanded{max-height: 60vh}.category-tree-mobile-toggle{display: inline-flex}.category-tree-title{display: none}.category-tree-meta{display: none}}@container admin-main (min-width: 640px){.category-tree-mobile-toggle{display: none}}.ph-cat-image-field{display: flex;gap: 14px;align-items: stretch}.ph-cat-image-field__preview{width: 96px;height: 96px;border-radius: 10px;background: #F6F8FA;border: 1px solid #E3E8EF;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.ph-cat-image-field__right{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 8px}.ph-cat-upload{background: transparent !important;border: none !important;padding: 0 !important;flex: 1;display: flex}.ph-cat-upload::part(drop-label){display: none !important}.ph-cat-upload::part(primary-buttons){width: 100%;margin: 0;padding: 0}.ph-cat-upload [slot="add-button"]{width: 100%;margin: 0;padding: 0}.ph-cat-dropzone{width: 100%;min-height: 64px;border: 1.5px dashed #C9D0DA;border-radius: 8px;background: #FAFCFE;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 10px 16px;cursor: pointer;transition: all 120ms;color: #6B7280;font-size: 12.5px;box-sizing: border-box;text-align: center}.ph-cat-dropzone:hover{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0}.ph-cat-dropzone__title{font-weight: 500;color: #0F1826}.ph-cat-dropzone:hover .ph-cat-dropzone__title{color: #1D6FE0}.ph-cat-dropzone__sub{font-size: 11px;color: #9AA3B2;margin-top: 2px}.ph-cat-mini-btn{background: transparent;border: 1px solid #E3E8EF;padding: 5px 12px;border-radius: 5px;font-family: inherit;font-size: 12px;color: #0F1826;cursor: pointer;white-space: nowrap;flex-shrink: 0;user-select: none}.ph-cat-mini-btn:hover{background: #F6F8FA;border-color: #C9D0DA}.ph-cat-mini-btn--danger{color: #DC2626}.ph-cat-attr-table{width: 100%;border-collapse: collapse;font-size: 13px}.ph-cat-attr-table thead tr{background: #F6F8FA}.ph-cat-attr-table th{text-align: left;padding: 11px 16px;font-size: 11px;font-weight: 500;color: #6B7280;letter-spacing: .04em;text-transform: uppercase;border-bottom: 1px solid #EEF1F5}.ph-cat-attr-table td{padding: 12px 16px;color: #0F1826;border-top: 1px solid #EEF1F5}.ph-cat-attr-table tbody tr{cursor: pointer;transition: background 100ms}.ph-cat-attr-table tbody tr:hover{background: #FAFCFE}.ph-cat-attr-table .num{text-align: right;font-variant-numeric: tabular-nums}.ph-cat-attr-link{background: transparent;border: none;color: #1D6FE0;cursor: pointer;padding: 4px 8px;font-size: 12px;font-family: inherit;font-weight: 500}.ph-cat-attr-link--danger{color: #DC2626}.ph-cat-attr-table__wrap{overflow-x: auto}.ph-cat-select-readonly{position: relative;width: 100%}.ph-cat-select-readonly__field{width: 100%;height: 38px;padding: 0 32px 0 12px;border: 1px solid #E3E8EF;border-radius: 6px;background: #F6F8FA;color: #6B7280;font-size: 13px;display: flex;align-items: center;box-sizing: border-box;cursor: not-allowed}.ph-cat-select-readonly__chev{position: absolute;right: 10px;top: 13px;pointer-events: none;line-height: 0}.ph-cat-field-label{display: flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 500;color: #4B5563;margin-bottom: 6px}.ph-cat-field-label__lock{line-height: 0;color: #B45309}.ph-cat-field-hint{margin-top: 5px;font-size: 11px;color: #9AA3B2}.ph-cat-field-hint--lock{color: #B45309}.ph-cat-mono{font-family: var(--font-mono)}