body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.homepage-container{background:#f4f6fa;display:flex;min-height:100vh}.dashboard{flex:1 1;padding:40px 48px}.dashboard h1{color:#232946;font-size:2.2rem;margin-bottom:32px}.dashboard-cards{display:flex;gap:32px;margin-bottom:32px}.dashboard-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex:1 1;flex-direction:column;min-width:220px;padding:24px 32px}.card-desc{font-size:1rem}.card-desc .up{color:#2ecc71;font-weight:700}.card-desc .down{color:#e74c3c;font-weight:700}.dashboard-bestsellers{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:32px;padding:24px 32px}.dashboard-bestsellers h2{color:#232946;margin-bottom:16px}.dashboard-bestsellers table{border-collapse:collapse;width:100%}.dashboard-bestsellers td,.dashboard-bestsellers th{padding:10px 8px;text-align:left}.dashboard-bestsellers th{background:#f4f6fa;color:#393e6e}.dashboard-bestsellers tr:nth-child(2n){background:#f9fafb}.dashboard-charts{display:flex;flex-wrap:wrap;gap:32px}.chart-block{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;flex:1 1 350px;min-width:350px;padding:24px 32px}.chart-block h2{color:#232946;margin-bottom:16px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-header h1{color:#232946;font-size:2.2rem;margin:0}.date-picker-btn{background:#61dafb;border-radius:8px;color:#232946;font-weight:700;padding:12px 20px}.date-picker-btn:hover{background:#4fa8c7}.date-picker-dropdown{box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:280px;padding:20px;right:0;z-index:1000}.date-input-group{margin-bottom:16px}.date-input-group label{font-weight:700}.date-input-group input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:8px 12px}.apply-date-btn{background:#28a745;border-radius:6px;font-size:1rem;padding:10px;transition:background .2s}.apply-date-btn:hover{background:#218838}.chart-container{align-items:flex-start;display:flex;gap:20px}.chart-legend{background:#f8f9fa;border-radius:8px;flex:1 1;margin-top:20px;padding:16px}.chart-legend h3{color:#232946;font-size:1.1rem;margin:0 0 12px}.legend-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.legend-color{border-radius:3px;flex-shrink:0;height:16px;width:16px}.legend-text{color:#232946;font-size:.9rem}.dish-item{align-items:center;display:flex;gap:8px}.dish-image{object-fit:cover}.dish-fallback,.dish-image{border:1px solid #e9ecef;border-radius:6px;height:40px;width:40px}.dish-fallback{align-items:center;background:#f8f9fa;display:flex;font-size:1.5rem;justify-content:center}.dish-name{color:#232946;font-weight:500}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.analytics-header h2{color:#232946;margin:0}.analytics-controls{align-items:center;display:flex;gap:16px}.toggle-buttons{border:1px solid #ddd;border-radius:6px;display:flex;overflow:hidden}.toggle-btn{background:#fff;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.toggle-btn:hover{background:#f8f9fa}.toggle-btn.active{background:#61dafb;color:#232946;font-weight:700}.time-length-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#232946;font-size:.9rem;padding:8px 12px;transition:border-color .2s}.time-length-select:focus{border-color:#61dafb;outline:none}.memberspage-container{background:#f4f6fa;display:flex;min-height:100vh}.members-content{flex:1 1;padding:40px 48px}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.members-header h1{color:#232946;font-size:2.2rem;margin:0}.members-controls{align-items:center;display:flex;gap:16px}.search-input{width:300px}.add-member-btn{background:#61dafb;border:none;border-radius:8px;color:#232946;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background .2s}.add-member-btn:hover{background:#4fa8c7}.members-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.members-table{border-collapse:collapse;width:100%}.members-table th{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#232946;font-weight:700;padding:16px 12px;text-align:center}.members-table td{border-bottom:1px solid #f1f3f4;padding:16px 12px}.members-table tr:hover{background:#f8f9fa}.membership-badge{border-radius:4px;font-size:.85rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.membership-badge.platinum{background:#e5e4e2;color:#4a4a4a}.membership-badge.gold{background:gold;color:#8b6914}.membership-badge.silver{background:silver;color:#696969}.membership-badge.basic{background:#f0f0f0;color:#666}.role-badge{border-radius:4px;font-size:.85rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.role-badge.admin{background:#dc3545;color:#fff}.role-badge.member{background:#6c757d;color:#fff}.status-badge.inactive{background:#f8d7da;color:#721c24}.modal-overlay{background:#00000040}.modal{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 2px 16px #0000002e;max-width:90vw;min-width:340px;padding:32px 32px 24px}.add-member-form,.modal{display:flex;flex-direction:column}.add-member-form{gap:16px}.add-member-form label{color:#232946;display:flex;flex-direction:column;font-size:1rem;gap:4px}.add-member-form input,.add-member-form select{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-top:2px;padding:8px 12px}.add-member-form input:focus,.add-member-form select:focus{border-color:#61dafb;outline:none}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:8px}.add-btn{background:#61dafb;border:none;border-radius:6px;color:#232946;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 20px;transition:background .2s}.add-btn:hover{background:#4fa8c7}.cancel-btn{background:#eee;border:none;border-radius:6px;color:#232946;cursor:pointer;font-size:1rem;padding:8px 20px;transition:background .2s}.cancel-btn:hover{background:#ddd}.promotionpage-container{background:#f4f6fa;display:flex;min-height:100vh}.sidebar{align-items:center;display:flex;flex-direction:column;padding:32px 0 0;width:200px}.sidebar-title{letter-spacing:2px;margin-bottom:32px}.sidebar ul{width:100%}.sidebar li{padding:16px 0;text-align:center}.sidebar li:hover{background:#393e6e}.sidebar li.active{background:#393e6e;border-left:4px solid #61dafb}.promotion-content{flex:1 1;padding:40px 48px}.promotion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.promotion-title{color:#232946;font-size:2.2rem;font-weight:700}.promotion-controls{align-items:center;display:flex;gap:16px}.search-input{padding:12px 16px;width:260px}.filter-select,.search-input{border-radius:8px;font-size:1rem}.filter-select{padding:10px 16px}.promotion-cards{display:flex;gap:32px;margin-bottom:32px}.promotion-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex:1 1;flex-direction:column;min-width:220px;padding:24px 32px}.card-title{color:#888;font-size:1.1rem}.card-value{margin-bottom:8px}.promotion-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px 32px}.promotion-table-container h2{color:#232946;margin-bottom:16px}.promotion-table{border-collapse:collapse;width:100%}.promotion-table th{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#232946;font-weight:700;padding:16px 12px;text-align:center}.promotion-table td{border-bottom:1px solid #f1f3f4;padding:16px 12px}.promotion-table tr:hover{background:#f8f9fa}.status-badge{border-radius:4px;font-weight:700;padding:4px 8px;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.scheduled{background:#fff3cd;color:#856404}.status-badge.expired{background:#f8d7da;color:#721c24}.actions{display:flex;gap:8px}.edit-btn,.remove-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background .2s}.edit-btn{background:#17a2b8;color:#fff}.edit-btn:hover{background:#138496}.remove-btn{background:#dc3545;color:#fff}.remove-btn:hover{background:#c82333}.table-header{margin-bottom:16px}.table-controls{align-items:center;display:flex;gap:16px}.search-container{position:relative}.search-input{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:border-color .2s;width:200px}.search-input:focus{border-color:#61dafb;box-shadow:0 0 0 2px #61dafb33;outline:none}.filter-container{display:flex;gap:8px}.filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#232946;font-size:.9rem;padding:8px 12px;transition:border-color .2s}.filter-select:focus{border-color:#61dafb;outline:none}.table-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:16px;padding:16px 0}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#232946;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#61dafb}.pagination-btn:disabled{opacity:.5}.page-info{color:#666}.export-csv-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.export-csv-btn:hover{background:#218838}.productpage-container{background:#f7f8fa;display:flex;min-height:100vh}.productpage-main{flex:1 1;padding:32px 40px}.productpage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-left h1{color:#232946;font-size:2rem;font-weight:600;margin:0 0 8px}.header-left p{color:#666;margin:0}.add-product-btn{background:#232946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background .2s}.add-product-btn:hover{background:#394867}.productpage-content{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:24px}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{flex:1 1;min-width:200px}.search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:10px 12px;width:100%}.search-box input:focus{border-color:#232946;box-shadow:0 0 0 3px #2329461a;outline:none}.filter-options{display:flex;gap:12px}.filter-options select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#232946;font-size:1rem;padding:10px 12px}.filter-options select:focus{border-color:#232946;outline:none}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.product-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.product-image{height:200px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;width:100%}.product-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.product-card:hover .product-overlay{opacity:1}.delete-btn,.view-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.view-btn{background:#28a745;color:#fff}.view-btn:hover{background:#218838}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.product-info{padding:16px}.product-info h3{color:#232946;font-size:1.1rem;font-weight:600;margin:0 0 8px}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 12px;overflow:hidden}.product-meta{align-items:center;display:flex;gap:12px;margin-bottom:6px}.price{color:#232946;font-size:1.1rem;font-weight:700}.membership-price-badge{background:#e0f7fa;border-radius:12px;color:#00796b;font-size:.95rem;font-weight:500;margin-left:8px;padding:2px 10px}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.promo-code-badge{background:#fff9c4;color:#fbc02d}.promo-code-badge,.visibility-badge{border-radius:12px;font-size:.9rem;font-weight:500;padding:2px 10px}.visibility-badge{background:#e1bee7;color:#6a1b9a}.visibility-badge.hidden{background:#ffcdd2;color:#c62828}.seasonal-badge{background:#ffe0b2;border-radius:12px;color:#e65100;font-size:.9rem;font-weight:500;padding:2px 10px}.seasonal-badge.seasonal{background:#b2ebf2;color:#006064}.product-status{display:flex;justify-content:flex-end}.status{border-radius:12px;font-size:.8rem;font-weight:500;padding:2px 8px}.status.green{background:#d4edda;color:#155724}.status.orange{background:#fff3cd;color:#856404}.status.red{background:#f8d7da;color:#721c24}.status.blue{background:#d1ecf1;color:#0c5460}.status.gray{background:#e2e3e5;color:#383d41}.product-extra{color:#555;display:flex;flex-wrap:wrap;font-size:.92rem;gap:8px;margin-top:8px}.membership-price{background:#e0f7fa;border-radius:4px;color:#00796b;padding:2px 8px}.membership-disabled{background:#f8bbd0;color:#c2185b}.membership-disabled,.promo-code{border-radius:4px;padding:2px 8px}.promo-code{background:#fff9c4;color:#fbc02d}.visibility{background:#e1bee7;color:#6a1b9a}.seasonal,.visibility{border-radius:4px;padding:2px 8px}.seasonal{background:#ffe0b2;color:#e65100}.pagination{gap:8px;justify-content:center;margin-top:24px}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#232946;cursor:pointer;padding:8px 12px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f8f9fa;border-color:#232946}.pagination button.active{background:#232946;border-color:#232946;color:#fff}.pagination button:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#232946;margin:0}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#232946}.modal-body{padding:24px}.product-detail-image{margin-bottom:20px;text-align:center}.product-detail-image img{border-radius:8px;max-height:300px;max-width:100%}.product-detail-info p{color:#232946;line-height:1.5;margin:0 0 12px}.product-detail-info strong{color:#232946}.error,.loading{align-items:center;color:#232946;display:flex;font-size:1.1rem;justify-content:center;min-height:400px}.error{color:#dc3545}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:900px){.productpage-main{padding:24px 20px}.productpage-header{align-items:flex-start;flex-direction:column;gap:16px}.filters{align-items:stretch}.filter-options,.filters{flex-direction:column}.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:600px){.sidebar{display:none}.productpage-main{padding:16px}.products-grid{grid-template-columns:1fr}.modal-content{margin:20px;width:95%}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.salespage-container{background:#f7f8fa;display:flex;min-height:100vh}.sales-main{display:flex;flex:1 1;flex-direction:column;padding:32px 40px 24px}.sales-header{display:flex;justify-content:flex-start;margin-bottom:24px}.date-picker-container{position:relative}.date-picker-btn{background:#232946;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:background .2s}.date-picker-btn:hover{background:#394867}.date-picker-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;left:0;min-width:200px;padding:16px;position:absolute;top:100%;z-index:100}.date-input-group{margin-bottom:12px}.date-input-group label{color:#232946;display:block;font-size:.9rem;margin-bottom:4px}.date-input-group input{border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;padding:6px 8px;width:100%}.apply-date-btn{background:#232946;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;width:100%}.sales-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.sales-card{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:24px;text-align:center}.card-title{color:#666;font-size:1rem;margin-bottom:8px}.card-value{color:#232946;font-size:2rem;font-weight:700;margin-bottom:4px}.card-desc{color:#888;font-size:.9rem}.sales-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;margin-bottom:32px}.leaderboard-section{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:24px}.leaderboard-section h2{color:#232946;font-size:1.25rem;margin-bottom:20px}.leaderboard{display:flex;flex-direction:column;gap:16px}.leaderboard-item{background:#f8f9fa;border-radius:8px;gap:12px;padding:12px;position:relative}.leaderboard-item,.rank-badge{align-items:center;display:flex}.rank-badge{background:#232946;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:24px;justify-content:center;left:-8px;position:absolute;top:-8px;width:24px}.leaderboard-item:first-child .rank-badge{background:gold;color:#232946}.leaderboard-item:nth-child(2) .rank-badge{background:silver;color:#232946}.leaderboard-item:nth-child(3) .rank-badge{background:#cd7f32;color:#fff}.item-image{background:#f0f0f0;border:1px solid #e5e7eb;border-radius:8px;height:50px;object-fit:cover;width:50px}.item-info{flex:1 1}.item-name{color:#232946;font-size:1rem;font-weight:500;margin-bottom:2px}.item-revenue{color:#1e90ff;font-size:.9rem;font-weight:500}.item-orders{color:#888;font-size:.8rem}.chart-section{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:24px}.chart-section h2{color:#232946;font-size:1.25rem;margin-bottom:20px}.table-section{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:24px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.table-header h2{color:#232946;font-size:1.25rem;margin:0}.table-tabs{display:flex;gap:8px}.tab-btn{background:#f0f0f0;border:none;border-radius:5px;color:#666;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.tab-btn.active{background:#232946;color:#fff}.tab-btn:hover:not(.active){background:#e0e0e0}.table-container{overflow-x:auto}.sales-table{border-collapse:collapse;margin-bottom:20px;width:100%}.sales-table td,.sales-table th{border-bottom:1px solid #f0f0f0;padding:12px 10px;text-align:center}.sales-table th{background:#f7f8fa;color:#232946;font-size:.95rem;font-weight:600}.sales-table td{font-size:.9rem}.payment-badge{background:#e0e7ff;border-radius:10px;color:#232946;display:inline-block;font-size:.85rem;padding:2px 8px}.payment-badge.visa{background:#e0f7fa;color:#006064}.payment-badge.mastercard{background:#fff3e0;color:#e65100}.payment-badge.cash{background:#e8f5e8;color:#2e7d32}.payment-badge.paypal{background:#e3f2fd;color:#1565c0}.status-badge{border-radius:10px;display:inline-block;font-size:.85rem;padding:2px 8px}.status-badge.confirmed{background:#e8f5e8;color:#2e7d32}.status-badge.cancelled{background:#ffebee;color:#c62828}.pagination{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-top:20px}.pagination-btn{background:#232946;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 16px;transition:background .2s}.pagination-btn:disabled{background:#bdbdbd;cursor:not-allowed}.page-info{color:#232946;font-size:.9rem}@media (max-width:1200px){.sales-content{grid-template-columns:1fr}.leaderboard-section{order:2}.chart-section{order:1}}@media (max-width:900px){.sales-main{padding:18px 6px 12px}.sales-cards{gap:16px;grid-template-columns:1fr}.table-header{align-items:stretch;flex-direction:column;gap:12px}.table-tabs{justify-content:center}.sales-table td,.sales-table th{font-size:.85rem;padding:8px 4px}}@media (max-width:600px){.sidebar{display:none}.sales-main{padding:8px 2px}.table-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:80px}}.productform-container{background:#f7f8fa;display:flex;min-height:100vh}.sidebar{background:#232946;box-shadow:2px 0 8px #0000000a;color:#fff;min-height:100vh;padding:0;width:220px}.sidebar-title{font-size:1.5rem;font-weight:700;letter-spacing:1px;padding:32px 0 24px 32px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{cursor:pointer;font-size:1.1rem;padding:16px 32px;transition:background .2s}.sidebar li.active,.sidebar li:hover{background:#394867;color:#f7f8fa}.productform-main{display:flex;flex:1 1;flex-direction:column;padding:32px 40px 24px}.form-header{margin-bottom:32px}.form-header h1{color:#232946;font-size:2rem;font-weight:600;margin:0}.form-content{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:300px 1fr}.left-panel{display:flex;flex-direction:column;gap:20px}.form-card{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;padding:20px}.form-card h3{color:#232946;font-size:1.1rem;font-weight:600;margin:0 0 16px}.thumbnail-upload{display:flex;flex-direction:column;gap:12px}.upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#232946}.upload-label{cursor:pointer;display:block}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-placeholder span{font-size:2rem}.upload-placeholder p{color:#666;font-size:.9rem;margin:0}.uploaded-files{display:flex;flex-direction:column;gap:8px}.file-item{background:#f8f9fa;border-radius:6px;color:#232946;font-size:.9rem;padding:8px 12px}.category-select,.status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#232946;font-size:1rem;padding:10px 12px;width:100%}.create-category-btn{background:#232946;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:12px;padding:8px 12px;transition:background .2s;width:100%}.create-category-btn:hover{background:#394867}.new-category-input{margin-top:12px}.category-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#232946;font-size:.9rem;margin-bottom:8px;padding:8px 12px;width:100%}.category-input:focus{border-color:#232946;box-shadow:0 0 0 3px #2329461a;outline:none}.category-actions{display:flex;gap:8px}.add-category-btn,.cancel-category-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.8rem;padding:6px 12px;transition:background .2s}.add-category-btn{background:#28a745;color:#fff}.add-category-btn:hover{background:#218838}.cancel-category-btn{background:#6c757d;color:#fff}.cancel-category-btn:hover{background:#5a6268}.right-panel{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;padding:32px}.form-section{flex:1 1}.form-section h2{color:#232946;font-size:1.5rem;font-weight:600;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{color:#232946;display:block;font-size:1rem;font-weight:500;margin-bottom:6px}.required{color:#e74c3c}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#232946;font-size:1rem;padding:10px 12px;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#232946;box-shadow:0 0 0 3px #2329461a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-hint{color:#666;font-size:.85rem;font-style:italic;margin:6px 0 0}.description-toolbar{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:4px;margin-bottom:8px;padding:8px}.format-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.format-btn:hover{background:#e9ecef;border-color:#adb5bd}.format-btn.active{background:#232946;border-color:#232946;color:#fff}.format-btn strong{font-weight:700}.format-btn em{font-style:italic}.format-btn u{text-decoration:underline}.media-upload{margin-bottom:12px}.media-upload-label{cursor:pointer;display:block}.media-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;transition:border-color .2s}.media-upload-area:hover{border-color:#232946}.media-upload-area span{display:block;font-size:2rem;margin-bottom:8px}.media-upload-area p{color:#666;font-size:.9rem;margin:0}.media-gallery{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.media-item{background:#f8f9fa;border-radius:6px;color:#232946;font-size:.9rem;gap:8px;padding:8px 12px}.media-item,.remove-media-btn{align-items:center;display:flex}.remove-media-btn{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.8rem;height:20px;justify-content:center;transition:background .2s;width:20px}.remove-media-btn:hover{background:#c82333}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.save-btn{background:#232946;color:#fff}.save-btn:hover:not(:disabled){background:#394867}.save-btn:disabled{background:#adb5bd;cursor:not-allowed}@media (max-width:1200px){.form-content{grid-template-columns:280px 1fr}.left-panel{width:280px}.right-panel{padding:24px}}@media (max-width:900px){.productform-main{padding:24px 20px}.form-content{gap:20px}.form-content,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width:600px){.sidebar{display:none}.productform-main{padding:16px}.right-panel{padding:20px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{background:#232946;bottom:0;color:#fff;font-size:1rem;left:0;letter-spacing:2px;padding:16px 0 12px;position:fixed;text-align:center;width:100%;z-index:100}.app-root{min-height:100vh;padding-bottom:56px}.nav-icon{display:inline-block;font-size:1.1em;margin-right:4px;text-align:center;vertical-align:middle;width:1.5em}
/*# sourceMappingURL=main.b7a351a6.css.map*/