:root{--color-green:#1a3d3d;--color-lightgreen:#2d5a5a;--color-yellow:#d4a855;--color-body:#f0ebe3;--color-white:#fff;--color-text:#333;--color-border:#e0e0e0;--color-card:#fff;--color-muted:#666;--color-spec-bg:#f9f9f9}.dark-mode,html.dark{--color-body:#1a1a1a;--color-white:#2a2a2a;--color-text:#e0e0e0;--color-border:#3a3a3a;--color-card:#2a2a2a;--color-muted:#a0a0a0;--color-spec-bg:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-body);color:var(--color-text);font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--color-green);text-decoration:none}a:hover{text-decoration:underline}html.dark a{color:#8fd4d4}.n-layout{background-color:var(--color-body)!important}.n-menu{background-color:var(--color-green)!important}.n-menu-item-content{color:var(--color-white)!important}.n-menu-item-content--selected,.n-menu-item-content:hover{background-color:var(--color-lightgreen)!important}.n-card{background-color:var(--color-card)!important;border-radius:8px}html.dark .n-card{background-color:#2a2a2a!important}html.dark .n-data-table,html.dark .n-data-table .n-data-table-td{color:#e0e0e0!important}html.dark .n-data-table .n-data-table-th{color:#7ab8b8!important}html.dark .n-data-table-tr:hover,html.dark .n-input,html.dark .n-select .n-base-selection{background-color:#333!important}html.dark .n-tree,html.dark .n-tree .n-tree-node-content{color:#e0e0e0!important}html.dark .n-tree .n-tree-node--selected .n-tree-node-content{color:#8fd4d4!important}html.dark .n-tabs-tab{color:#a0a0a0!important}html.dark .n-tabs-tab--active{color:#8fd4d4!important}html.dark .n-breadcrumb-item{color:#a0a0a0!important}html.dark .n-breadcrumb-item:last-child{color:#e0e0e0!important}html.dark .n-tag--default-type{background-color:#3a3a3a!important;color:#e0e0e0!important}html.dark .n-collapse-item__header-main{color:#e0e0e0!important}html.dark .n-form-item-label,html.dark .n-spin-description{color:#a0a0a0!important}.n-data-table,.n-data-table .n-data-table-td{color:var(--color-text)!important}.n-data-table .n-data-table-th{color:var(--color-green)!important;font-weight:600!important}.n-button--primary-type{background-color:var(--color-green)!important;border-color:var(--color-green)!important}.n-button--primary-type:hover{background-color:var(--color-lightgreen)!important;border-color:var(--color-lightgreen)!important}html.dark .n-button--primary-type{background-color:#2d6b6b!important;border-color:#2d6b6b!important;color:#fff!important}html.dark .n-button--primary-type:hover{background-color:#3d8a8a!important;border-color:#3d8a8a!important}html.dark .n-button--default-type{background-color:#3a3a3a!important;border-color:#4a4a4a!important;color:#e0e0e0!important}html.dark .n-button--default-type:hover{background-color:#4a4a4a!important;border-color:#5a5a5a!important}.n-button--warning-type{background-color:var(--color-yellow)!important;border-color:var(--color-yellow)!important;color:var(--color-text)!important}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:var(--color-green);font-size:28px;font-weight:700}html.dark .page-header h1{color:#8fd4d4}html.dark .n-card-header__main,html.dark .n-card__title,html.dark h1,html.dark h2,html.dark h3{color:#e0e0e0!important}.page-content{padding:24px}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--color-card);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.stat-card .label{color:var(--color-muted);font-size:14px;margin-bottom:8px}.stat-card .value{color:var(--color-green);font-size:32px;font-weight:700}html.dark .stat-card .value{color:#7ab8b8}.category-badge{background-color:var(--color-green);border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}html.dark .category-badge{background-color:#2d6b6b;color:#fff}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.active{background-color:#10b981;color:#fff}.status-badge.discontinued{background-color:#ef4444;color:#fff}.status-badge.pending{background-color:var(--color-yellow);color:var(--color-text)}.change-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.change-badge.new{background-color:#10b981;color:#fff}.change-badge.updated{background-color:#3b82f6;color:#fff}.change-badge.deleted{background-color:#ef4444;color:#fff}.product-thumbnail{background-color:#f5f5f5;border-radius:4px;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.specs-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.spec-item{background-color:var(--color-spec-bg);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.spec-item .label{color:var(--color-muted);font-size:13px}.spec-item .value{color:var(--color-text);font-weight:500;max-width:60%;text-align:right}.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-item{aspect-ratio:1;border-radius:8px;cursor:pointer;overflow:hidden}.gallery-item img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s;width:100%}.gallery-item:hover img{transform:scale(1.05)}@media(max-width:768px){.page-content{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}}