:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 20px;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:space-between;min-width:250px;box-shadow:0 4px 6px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:#4caf50}.toast-error{background-color:#f44336}.toast-info{background-color:#2196f3}.toast-close{background:none;border:none;color:#fff;margin-left:10px;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.8}.toast-close:hover{opacity:1}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.product-card.just-updated{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 2px 5px #0000001a}50%{transform:scale(1.02);box-shadow:0 8px 24px #4caf5099;background:#e8f5e9}to{transform:scale(1);box-shadow:0 4px 12px #4caf504d}}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.product-image-container{position:relative;width:100%;height:200px;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{width:100%;height:100%;object-fit:contain}.no-image{color:#999;font-size:.9rem}.stock-badge,.discount-badge{position:absolute;top:10px;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;color:#fff}.stock-badge.out{background-color:#dc3545;right:10px}.discount-badge{background-color:#ff5722;left:10px}.product-info{padding:15px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.product-title{margin:0 0 10px;font-size:1rem;font-weight:600;color:#333;line-height:1.4;height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-meta{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#666}.product-sku{font-family:monospace;background:#eee;padding:2px 5px;border-radius:3px}.product-stock{font-weight:600;color:#28a745}.product-stock.low{color:#ffc107}.stock-edit-container{display:flex;align-items:center;gap:5px}.stock-input{width:60px;padding:4px;border:1px solid #ddd;border-radius:4px;text-align:center}.product-price-container{margin-top:auto;border-top:1px solid #eee;padding-top:10px;display:flex;flex-direction:column;gap:5px}.product-price{font-size:1.1rem;font-weight:700;color:#333}.regular-price{color:#999;text-decoration:line-through;font-size:.9rem;margin-right:8px}.sale-price{color:#e53935}.product-variant-name{font-size:.8rem;color:#666;font-style:italic}.card-footer{margin-top:15px}.view-btn{width:100%;padding:8px;background-color:#f0f2f5;border:none;border-radius:4px;color:#333;font-weight:500;cursor:pointer;transition:background .2s}.view-btn:hover{background-color:#e4e6eb}.edit-actions{display:flex;gap:5px}.save-btn{flex:1;background-color:#4caf50;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer}.save-btn:hover{background-color:#45a049}.cancel-btn{background-color:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.cancel-btn:hover{background-color:#d32f2f}.breadcrumbs{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:.9em;color:#4a5568;margin-bottom:20px;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-link{color:#009879;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:4px}.breadcrumb-link:hover{color:#007f65;text-decoration:underline}.breadcrumb-current{color:#2d3748;font-weight:600;display:flex;align-items:center;gap:4px}.breadcrumb-separator{color:#ccc;margin:0 4px;-webkit-user-select:none;user-select:none}.breadcrumb-icon{font-size:1.1em}@media(prefers-color-scheme:dark){.breadcrumbs{color:#aaa}.breadcrumb-current{color:#fff}}#root{width:100%;margin:0;padding:0}.container{width:100%;display:flex;flex-direction:column;align-items:center}.error-message{background-color:#fcc;color:#c00;padding:20px;border-radius:8px;border:1px solid #ff0000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f7f6;color:#333}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-card{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center;border-top:5px solid #009879}.login-logo{width:150px;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#555}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.login-btn{width:100%;padding:12px;background-color:#009879;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background .3s}.login-btn:hover{background-color:#007f65}.dashboard-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background-color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;width:100%}.header-left{display:flex;align-items:center;gap:15px}.header-logo{height:50px}.header-right{display:flex;align-items:center;gap:20px}.logout-btn{padding:8px 16px;background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer}.dashboard-content{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.search-container{width:100%;margin-bottom:20px}.search-input{width:100%;padding:12px 15px;font-size:1rem;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000000d;transition:all .3s}.search-input:focus{outline:none;border-color:#009879;box-shadow:0 2px 8px #00987933}.platform-tabs{display:flex;justify-content:center;gap:10px;margin:0;flex-wrap:wrap}.tab{padding:10px 20px;background:#e0e0e0;color:#333;border:1px solid #ccc;cursor:pointer;font-size:1rem;border-radius:5px;transition:all .2s ease}.tab:hover{background-color:#d0d0d0}.tab.active{background-color:#009879;color:#fff;border-color:#009879}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-content{padding:1rem}}.loader-container{display:flex;justify-content:center;padding:40px}.loader{border:5px solid #f3f3f3;border-top:5px solid #009879;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination-controls{display:flex;align-items:center;gap:15px;margin-right:20px}.page-btn{padding:6px 12px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.page-btn:disabled{background-color:#ccc;cursor:not-allowed}.user-info{display:flex;align-items:center;gap:15px}.pagination-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f7fafc;border-radius:8px;margin-bottom:16px;font-size:.9em}.products-count{color:#666}.products-count strong{color:#009879;font-size:1.1em}.load-more-hint{color:#999;font-size:.85em;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.auto-sync-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:.85em;font-weight:600;transition:all .3s ease;cursor:help;-webkit-user-select:none;user-select:none}.auto-sync-indicator.idle{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.auto-sync-indicator.syncing{background:#fff3e0;color:#e65100;border:1px solid #ffb74d;animation:pulse 2s infinite}.sync-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.auto-sync-indicator.idle .sync-status-dot{background:#4caf50;box-shadow:0 0 4px #4caf5080}.auto-sync-indicator.syncing .sync-status-dot{background:#ff9800;animation:blink 1s infinite}.sync-status-text{white-space:nowrap}.next-sync-time{background:#0000001a;padding:2px 6px;border-radius:10px;font-size:.9em;margin-left:4px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:768px){.auto-sync-indicator{font-size:.75em;padding:4px 8px}.next-sync-time{display:none}}