code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#2c3e50;--secondary-color:#3498db;--success-color:#27ae60;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#17a2b8;--light-bg:#f8f9fa;--dark-text:#2c3e50;--border-color:#e1e8ed;--shadow:0 2px 8px #0000001a;--shadow-hover:0 4px 16px #00000026;--border-radius:8px;--transition:all 0.3s ease;--width:100%}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--light-bg);color:#2c3e50;color:var(--dark-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;width:100%;width:var(--width)}.App{display:flex;flex-direction:column;min-height:100vh;width:100vw}.app-content,.app-layout{display:flex;flex:1 1;min-height:100vh}.app-content{flex-direction:column}.app-header{background:#2c3e50;background:var(--primary-color);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);color:#fff;padding:.3rem 1rem}.header-content{justify-content:space-between;margin:0;width:100%}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:1rem}.sidebar-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--transition);width:40px}.sidebar-toggle:hover{background:#fff3;transform:scale(1.05)}.logo-section h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.logo-section p{font-size:1rem;margin:0;opacity:.9}.header-stats{align-items:center;display:flex;flex-wrap:nowrap;gap:1.5rem}.stat-value{font-weight:600}.stat-label{font-size:.9rem;opacity:.8}.header-user{align-items:center;display:flex;gap:1rem}.sync-status{color:#2ecc71}.sidebar-menu{background:linear-gradient(180deg,#2c3e50,#34495e);background:linear-gradient(180deg,var(--primary-color) 0,#34495e 100%);box-shadow:4px 0 12px #00000026;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease,transform .3s ease;width:200px;z-index:1000}.sidebar-menu.closed{width:70px}.app-layout.sidebar-closed .sidebar-menu{transform:translateX(0)}.menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem 1.5rem}.sidebar-menu.closed .menu-header{justify-content:center;padding:1rem}.menu-logo{gap:1rem}.menu-logo,.menu-toggle-btn{align-items:center;display:flex}.menu-toggle-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;height:32px;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--transition);width:32px}.menu-toggle-btn:hover{background:#fff3;transform:scale(1.05)}.sidebar-menu.closed .menu-toggle-btn{background:#3498db;background:var(--secondary-color);border:2px solid #fff;box-shadow:0 2px 8px #0003;display:flex;position:absolute;right:-15px;top:50%;transform:translateY(-50%);z-index:1001}.sidebar-menu.closed .menu-toggle-btn:hover{background:#2980b9;transform:translateY(-50%) scale(1.1)}.menu-logo-icon{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;justify-content:center;margin:0;outline:none;padding:.75rem;transition:all .3s ease;transition:var(--transition)}.menu-logo-icon:hover{background:#fff3;transform:scale(1.05)}.sidebar-menu.closed .menu-logo-icon{font-size:1.8rem;padding:.5rem}.menu-logo-text{transition:opacity .3s ease}.menu-logo-text h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.menu-logo-text p{color:#fff;font-size:.9rem;margin:0;opacity:.8}.menu-nav{flex:1 1;padding:1rem 0}.menu-list{list-style:none;margin:0;padding:0}.menu-item{margin:.25rem 0}.menu-button{align-items:center;background:#0000;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s ease;transition:var(--transition);width:100%}.sidebar-menu.closed .menu-button{gap:0;justify-content:center;padding:1rem}.menu-button:hover{background:#ffffff1a;transform:translateX(4px)}.sidebar-menu.closed .menu-button:hover{transform:scale(1.05)}.menu-button.active{background:#ffffff26;border-left:4px solid #3498db;border-left:4px solid var(--secondary-color)}.menu-button.active:before{background:#3498db;background:var(--secondary-color);bottom:0;content:"";position:absolute;right:0;top:0;width:4px}.menu-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.menu-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;transition:opacity .3s ease}.menu-label{color:#fff;font-size:1rem;font-weight:600}.menu-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:row;gap:.75rem;padding:1.5rem}.user-info{flex:1 1;gap:.75rem}.user-details{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.125rem;justify-content:center}.user-name{font-size:.9rem;font-weight:600}.user-name,.user-role{color:#fff;display:block}.user-role{font-size:.75rem}.user-info{align-items:center;background:#0000;border:none;color:#fff;display:flex;justify-content:center;padding:.2rem}.user-info:hover{transform:scale(1.05)}.close-menu-btn-container{margin-top:.5rem}.close-menu-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;text-align:left;transition:all .3s ease;transition:var(--transition);width:100%}.close-menu-btn:hover{background:#fff3;transform:translateX(-2px)}.app-main{flex:1 1;padding:1rem;width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dashboard-header h2{color:#2c3e50;color:var(--primary-color);font-size:1.8rem;margin:0}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.stats-summary-card{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:.75rem;transition:all .3s ease;transition:var(--transition)}.stats-summary-card:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover)}.card-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.card-header-section h3{color:#2c3e50;color:var(--primary-color);font-size:1rem;font-weight:600;margin:0}.last-updated{color:#7f8c8d;font-size:.85rem}.alert-count{background:#e74c3c;background:var(--danger-color);border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.stats-compact-grid{grid-gap:.6rem;align-items:start;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.stat-compact{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;height:100%;min-width:0;padding:.6rem;transition:all .3s ease;transition:var(--transition)}.stat-compact:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-compact-extended{grid-column:1/-1}.stat-info-extended-horizontal{align-items:center;display:flex;flex:1 1;min-width:0}.stat-info-extended-horizontal .stat-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;min-width:0;padding-right:1.5rem;text-align:left}.stat-comparison-horizontal{align-items:stretch;border-left:2px solid #dee2e6;display:flex;flex:1 1;gap:1rem;min-width:0;padding-left:1.5rem}.comparison-item-horizontal{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;min-width:0;overflow:hidden}.comparison-label-horizontal{color:#000;font-size:.75rem;font-weight:500;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.comparison-value-horizontal{align-items:center;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;line-height:1.2;white-space:nowrap}.comparison-value-horizontal.positive{color:#27ae60}.comparison-value-horizontal.negative{color:#e74c3c}.comparison-percent{font-size:.9rem;font-weight:500;margin-left:.25rem;opacity:.8;white-space:nowrap}.stat-icon-compact{align-items:center;border-radius:10px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;width:44px}.stat-compact.total-items .stat-icon-compact{background:linear-gradient(135deg,#3498db,#2980b9)}.stat-compact.total-value .stat-icon-compact{background:linear-gradient(135deg,#27ae60,#229954)}.stat-compact.low-stock .stat-icon-compact{background:linear-gradient(135deg,#f39c12,#e67e22)}.stat-compact.out-stock .stat-icon-compact{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-info{gap:.25rem}.stat-info,.stat-info-vertical{display:flex;flex:1 1;flex-direction:column;min-width:0}.stat-info-vertical{gap:.75rem}.stat-header{cursor:pointer;display:flex;flex-direction:column;gap:.25rem}.stat-compact-with-list{align-items:flex-start!important;padding:.75rem}.stat-items-list{border-top:1px solid #0000001a;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;width:100%}.stat-item-row{align-items:center;background:#ffffff26;border-radius:4px;color:#2c3e50;display:flex;font-size:.8rem;justify-content:space-between;padding:.35rem .5rem;transition:all .3s ease;transition:var(--transition)}.stat-item-row:hover{background:#ffffff40}.stat-item-row .item-name{color:#000000d9;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-item-row .item-stock{color:#000000f2;font-size:.85rem;font-weight:700;margin-left:.5rem;white-space:nowrap}.stat-info .stat-label{color:#000;font-size:.9rem;font-weight:500;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.stat-value-compact{color:#2c3e50;color:var(--primary-color);font-size:1.65rem;font-weight:500;line-height:1.2;white-space:nowrap}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:16px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:80px}.stat-card:hover .stat-icon{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.total-items .stat-icon{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db66}.total-value .stat-icon{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 12px #27ae6066}.low-stock .stat-icon{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 12px #f39c1266}.out-stock .stat-icon{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c66}.stat-content h3{color:#5a6c7d;font-size:.9rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase}.stat-content .stat-value{color:#2c3e50;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.recent-orders-card,.recent-transactions-card{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:.875rem;transition:all .3s ease;transition:var(--transition)}.recent-orders-card{grid-column:1/-1}.recent-orders-card:hover,.recent-transactions-card:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover)}.view-all-btn{background:#0000;border:1px solid #3498db;border:1px solid var(--secondary-color);border-radius:6px;color:#3498db;color:var(--secondary-color);cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1rem;transition:all .3s ease;transition:var(--transition)}.view-all-btn:hover{background:#3498db;background:var(--secondary-color);color:#fff}.recent-orders-list,.recent-transactions-list{display:flex;flex-direction:column;gap:.6rem;max-height:280px;overflow-y:auto;padding-right:.5rem}.recent-orders-list::-webkit-scrollbar,.recent-transactions-list::-webkit-scrollbar{width:8px}.recent-orders-list::-webkit-scrollbar-track,.recent-transactions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.recent-orders-list::-webkit-scrollbar-thumb,.recent-transactions-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.recent-orders-list::-webkit-scrollbar-thumb:hover,.recent-transactions-list::-webkit-scrollbar-thumb:hover{background:#555}.recent-tx-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:1rem;padding:.6rem;transition:all .3s ease;transition:var(--transition)}.recent-tx-item:hover{background:#e9ecef;transform:translateX(4px)}.tx-type-indicator{border-radius:6px;font-size:.75rem;font-weight:600;padding:.35rem .75rem;white-space:nowrap}.tx-type-indicator.tx-in{background:#d4edda;color:#155724}.tx-type-indicator.tx-out{background:#f8d7da;color:#721c24}.tx-type-indicator.tx-adjust{background:#fff3cd;color:#856404}.tx-details{flex:1 1;min-width:0}.tx-item-name{color:#2c3e50;color:var(--primary-color);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-meta{color:#7f8c8d;display:flex;font-size:.75rem;gap:.75rem;margin-top:.25rem}.tx-quantity{font-weight:600}.tx-date-time{opacity:.8;white-space:nowrap}.tx-amount{color:#2c3e50;color:var(--primary-color);font-size:.9rem;font-weight:600;white-space:nowrap}.recent-order-item{background:#f8f9fa;border-left:3px solid #0000;border-radius:6px;display:flex;flex-direction:column;gap:.6rem;padding:.6rem;transition:all .3s ease;transition:var(--transition)}.recent-order-item:hover{background:#e9ecef;box-shadow:0 2px 8px #00000014}.order-header-row{align-items:center;display:flex;gap:.5rem}.order-type-badge{border-radius:4px;white-space:nowrap}.order-type-badge.order-type-sales{background:#d4edda;color:#155724}.order-type-badge.order-type-purchase{background:#cfe2ff;color:#084298}.order-status-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.order-status-badge.status-pending{background:#fff3cd;color:#856404}.order-status-badge.status-processing{background:#cfe2ff;color:#084298}.order-status-badge.status-completed{background:#d1e7dd;color:#0a3622}.order-status-badge.status-cancelled{background:#f8d7da;color:#58151c}.order-content{display:flex;flex-direction:column;gap:.5rem}.order-item-name{color:#2c3e50;color:var(--primary-color);font-size:.95rem;font-weight:600}.order-details-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.order-partner{color:#6c757d}.order-quantity{color:#495057;font-weight:500}.order-footer-row{align-items:center;border-top:1px solid #dee2e6;display:flex;font-size:.85rem;justify-content:space-between;padding-top:.5rem}.order-date{color:#6c757d}.order-amount{color:#27ae60;color:var(--success-color);font-size:.9rem;font-weight:700}.alerts-section{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);grid-column:1/-1;padding:1rem;transition:all .3s ease;transition:var(--transition)}.alerts-section:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover)}.alerts-section h3{color:#2c3e50;color:var(--primary-color);font-size:1.5rem;margin:0 0 1.5rem}.alerts-list{grid-gap:1rem;display:grid;gap:1rem}.alert-item{align-items:center;border-left:4px solid;border-radius:8px;border-radius:var(--border-radius);display:flex;gap:1rem;padding:1rem}.alert-item.critical{background:#ffebee;border-left-color:#e74c3c;border-left-color:var(--danger-color)}.alert-item.warning{background:#fff3e0;border-left-color:#f39c12;border-left-color:var(--warning-color)}.alert-icon{font-size:1.5rem}.alert-text{flex:1 1;font-weight:600}.alert-time{color:#7f8c8d;font-size:.85rem}.inventory-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.inventory-header h2{color:#2c3e50;color:var(--primary-color);font-size:1.8rem;margin:0}.inventory-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.view-mode-toggle{background:#fff;border:2px solid #e1e8ed;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);display:flex;gap:0;overflow:hidden}.view-mode-btn{background:#fff;border:none;border-right:1px solid #e1e8ed;border-right:1px solid var(--border-color);color:#2c3e50;color:var(--dark-text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.view-mode-btn:last-child{border-right:none}.view-mode-btn:hover{background:#f8f9fa;background:var(--light-bg)}.view-mode-btn.active{background:#3498db;background:var(--secondary-color);color:#fff;font-weight:600}.search-input{border:2px solid #e1e8ed;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;min-width:300px;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition)}.search-input:focus{border-color:#3498db;border-color:var(--secondary-color);outline:none}.add-btn{background:#27ae60;background:var(--success-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.add-btn:hover{background:#219a52}.inventory-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.inventory-table{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);overflow-x:auto;overflow-y:visible}.inventory-table .table-header{grid-gap:2rem;background:#2c3e50;background:var(--primary-color);color:#fff;display:grid;font-size:.9rem;font-weight:600;gap:2rem;padding:1rem}.inventory-table .table-header>div{color:#fff}.inventory-table.quantity-mode .table-header{grid-template-columns:120px 280px 120px 120px 120px 120px minmax(150px,1fr) 120px;min-width:1100px}.inventory-table.value-mode .table-header{grid-template-columns:100px 180px 100px 100px 110px 110px 130px 130px minmax(150px,1fr) 100px;min-width:1200px}.inventory-table .table-row{grid-gap:2rem;align-items:center;border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);display:grid;gap:2rem;padding:1rem;transition:all .3s ease;transition:var(--transition)}.inventory-table.quantity-mode .table-row{grid-template-columns:120px 280px 120px 120px 120px 120px minmax(150px,1fr) 120px;min-width:1100px}.inventory-table.value-mode .table-row{grid-template-columns:100px 180px 100px 100px 110px 110px 130px 130px minmax(150px,1fr) 100px;min-width:1200px}.inventory-table .table-row:hover{background:#f8f9fa}.inventory-table .table-row:last-child{border-bottom:none}.inventory-table .table-total-row{background:#f0f4f8;border-bottom:none;border-top:2px solid #2c3e50;border-top:2px solid var(--primary-color);font-weight:700}.inventory-table .table-total-row:hover{background:#f0f4f8}.inventory-table .table-total-row .total-label{color:#2c3e50;color:var(--primary-color);font-size:1.1rem;font-weight:700}.inventory-table .table-total-row .total-value{color:#2c3e50;color:var(--primary-color);font-size:1.15rem;font-weight:700}.inventory-table .col-sku{color:#3498db;color:var(--secondary-color);font-weight:600}.inventory-table .col-name{color:#2c3e50;color:var(--primary-color);font-weight:600}.inventory-table .col-category{color:#7f8c8d}.inventory-table .col-status{align-items:center;display:flex}.inventory-table .col-min-stock,.inventory-table .col-stock{font-weight:600;text-align:center}.inventory-table .col-stock{align-items:center;display:flex;gap:.5rem;justify-content:center}.inventory-table .col-stock.low-stock-alert{color:#e74c3c;color:var(--danger-color)}.inventory-table .col-stock.low-stock-alert .stock-value{color:#e74c3c;color:var(--danger-color);font-weight:700}.inventory-table .stock-warning-icon{animation:pulse 2s infinite;color:#e74c3c;color:var(--danger-color);font-size:1.3rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.inventory-table .stock-value{color:#2c3e50;color:var(--primary-color);font-size:1.1rem}.inventory-table .min-stock-value{color:#7f8c8d}.inventory-table .col-cost-price,.inventory-table .col-selling-price{font-weight:600;text-align:right}.inventory-table .col-cost-value,.inventory-table .col-selling-value{text-align:right}.inventory-table .value-amount{color:#27ae60;color:var(--success-color);font-weight:600}.inventory-table .col-location{color:#7f8c8d;font-size:.9rem}.inventory-table .col-actions{gap:.5rem}.btn-icon,.inventory-table .col-actions{align-items:center;display:flex;justify-content:center}.btn-icon{background:#0000;border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:6px;color:#2c3e50;color:var(--dark-text);cursor:pointer;padding:.5rem;transition:all .3s ease;transition:var(--transition)}.btn-icon:hover{background:#f8f9fa;background:var(--light-bg);border-color:#3498db;border-color:var(--secondary-color);color:#3498db;color:var(--secondary-color);transform:scale(1.1)}.btn-icon svg{height:1.2rem;width:1.2rem}.inventory-card{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.inventory-card:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.card-header h3{font-size:1.1rem;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:.75rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.status-normal{background:#2ecc7133;border:1px solid #2ecc714d;color:#27ae60}.status-low{background:#f1c40f33;border:1px solid #f1c40f4d;color:#f39c12}.status-out{background:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c}.card-content{padding:1.5rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.info-row .label{color:#7f8c8d;font-size:.9rem;font-weight:600}.info-row .value{color:#2c3e50;color:var(--primary-color);font-weight:600}.card-actions{background:#f8f9fa;border-top:1px solid #e1e8ed;border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding:1rem 1.5rem}.btn-edit,.btn-history{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.btn-edit{background:#3498db;background:var(--secondary-color);color:#fff}.btn-edit:hover{background:#2980b9}.btn-history{background:#95a5a6;color:#fff}.btn-history:hover{background:#7f8c8d}.reports-header,.transactions-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-left-group{align-items:center;display:flex;gap:1.5rem}.reports-header h2,.transactions-header h2{color:#2c3e50;color:var(--primary-color);font-size:1.8rem;margin:0}.report-controls,.transaction-controls{align-items:center;display:flex;gap:1rem}.filter-select{background:#fff;border:2px solid #e1e8ed;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition)}.filter-select:focus{border-color:#3498db;border-color:var(--secondary-color);outline:none}.export-btn,.generate-btn{background:#17a2b8;background:var(--info-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.export-btn:hover,.generate-btn:hover{background:#138496}.month-navigation{align-items:center;display:flex;gap:.5rem}.month-nav-btn{align-items:center;background:#fff;border:2px solid #2c3e50;border:2px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);color:#2c3e50;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:36px}.month-nav-btn:hover{background:#2c3e50;background:var(--primary-color);color:#fff}.month-display{color:#2c3e50;color:var(--primary-color);font-size:1.1rem;font-weight:600;min-width:120px;text-align:center}.transactions-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.summary-card{align-items:center;background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:.5rem;text-align:center}.summary-label{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.summary-value{color:#2c3e50;color:var(--primary-color);font-size:2rem;font-weight:700}.transactions-table{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);overflow:hidden}.table-header{grid-gap:1rem;background:#2c3e50;background:var(--primary-color);color:#fff;display:grid;font-size:.9rem;font-weight:600;gap:1rem;grid-template-columns:120px 80px 1fr 100px 120px 120px 1fr;padding:1rem}.table-header>div{color:#fff}.table-row{grid-gap:1rem;border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:120px 80px 1fr 100px 120px 120px 1fr;padding:1rem;transition:all .3s ease;transition:var(--transition)}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.col-date .date{color:#2c3e50;color:var(--primary-color);font-weight:600}.col-date .time{color:#7f8c8d;font-size:.85rem}.type-badge{border-radius:12px;font-size:.75rem;font-weight:700;padding:.25rem .5rem;text-align:center}.tx-in{background:#2ecc7133;color:#27ae60}.tx-out{background:#e74c3c33;color:#e74c3c}.tx-adjust{background:#f1c40f33;color:#f39c12}.col-item .item-name{color:#2c3e50;color:var(--primary-color);font-weight:600}.col-item .item-id{color:#7f8c8d;font-size:.85rem}.qty-positive{color:#27ae60;color:var(--success-color);font-weight:700}.qty-negative{color:#e74c3c;color:var(--danger-color);font-weight:700}.amount-positive{color:#27ae60;color:var(--success-color);font-weight:700}.amount-negative{color:#e74c3c;color:var(--danger-color);font-weight:700}.report-section{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:2rem}.report-section h3{color:#2c3e50;color:var(--primary-color);font-size:1.5rem;margin:0 0 1rem}.report-description{color:#7f8c8d;font-size:1rem;line-height:1.5;margin-bottom:2rem}.pareto-chart-container{grid-gap:3rem;align-items:flex-start;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.pareto-chart{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:1rem}.pareto-svg{max-width:600px}.pareto-bar:hover{transform:scaleY(1.02);transform-origin:bottom}.pareto-legend{display:flex;flex-direction:column;gap:2rem}.pareto-summary{background:#fff;border-left:4px solid #e74c3c;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:1.5rem}.pareto-summary h4{color:#2c3e50;color:var(--primary-color);font-size:1.2rem;margin:0 0 1rem}.pareto-summary p{color:#7f8c8d;font-size:1rem;line-height:1.5;margin:0}.pareto-details{display:flex;flex-direction:column;gap:1rem}.pareto-item{align-items:center;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition)}.pareto-item:hover{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);transform:translateX(5px)}.pareto-item.abc-a{background:linear-gradient(135deg,#fff5f5,#fed7d7)}.pareto-item.abc-b{background:linear-gradient(135deg,#fffbf0,#feebc8)}.pareto-item.abc-c{background:linear-gradient(135deg,#f0fff4,#c6f6d5)}.pareto-color{border-radius:4px;flex-shrink:0;height:20px;width:20px}.pareto-item.abc-a .pareto-color{background:linear-gradient(135deg,#e53e3e,#c53030)}.pareto-item.abc-b .pareto-color{background:linear-gradient(135deg,#dd6b20,#c05621)}.pareto-item.abc-c .pareto-color{background:linear-gradient(135deg,#38a169,#2f855a)}.pareto-content{flex:1 1}.pareto-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.pareto-label{color:#2c3e50;color:var(--primary-color);font-size:1.1rem;font-weight:700}.pareto-cumulative{color:#3498db;font-size:1.2rem;font-weight:700}.pareto-stats{color:#7f8c8d;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.bar-chart-container{background:#f8f9fa;border-radius:8px;border-radius:var(--border-radius);padding:2rem}.chart-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.chart-title{color:#2c3e50;color:var(--primary-color);font-size:1.3rem;font-weight:700}.chart-target{background:#fff;border:2px solid #e1e8ed;border-radius:20px;color:#7f8c8d;font-size:1rem;padding:.5rem 1rem}.bar-chart{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:60px 1fr;height:300px}.chart-y-axis{padding:10px 0}.y-label{color:#7f8c8d;font-size:.85rem;font-weight:600;text-align:right}.chart-content{height:100%;position:relative}.chart-grid{bottom:0;left:0;padding:10px 0;right:0;top:0}.grid-line{background:#e1e8ed;height:1px;width:100%}.target-line{background:#3498db;height:2px;position:relative}.target-line:after{color:#3498db;content:"目標線";font-size:.75rem;font-weight:600;position:absolute;right:10px;top:-20px}.chart-bars{bottom:0;left:0;padding:10px 0 40px;position:absolute;right:0;top:0}.bar-container{align-items:flex-end;height:250px;width:100%}.bar-container,.chart-bar{display:flex;justify-content:center}.chart-bar{align-items:flex-start;border-radius:8px 8px 0 0;cursor:pointer;min-height:20px;padding-top:5px;position:relative;transition:all .3s ease;width:40px}.chart-bar:hover{filter:brightness(1.1);transform:scale(1.05)}.chart-bar.above{background:linear-gradient(180deg,#27ae60,#2ecc71);background:linear-gradient(180deg,var(--success-color),#2ecc71)}.chart-bar.below{background:linear-gradient(180deg,#f39c12,#f1c40f);background:linear-gradient(180deg,var(--warning-color),#f1c40f)}.bar-value{color:#fff;font-size:.85rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.bar-label{color:#2c3e50;color:var(--primary-color);margin-top:.5rem}.chart-legend{border-top:1px solid #e1e8ed;display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.chart-legend .legend-item{align-items:center;display:flex;gap:.5rem}.chart-legend .legend-color{border-radius:4px;height:16px;width:16px}.chart-legend .legend-color.above{background:linear-gradient(90deg,#27ae60,#2ecc71);background:linear-gradient(90deg,var(--success-color),#2ecc71)}.chart-legend .legend-color.below{background:linear-gradient(90deg,#f39c12,#f1c40f);background:linear-gradient(90deg,var(--warning-color),#f1c40f)}.radar-chart-container{grid-gap:3rem;align-items:flex-start;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.radar-chart{align-items:center;background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;justify-content:center;padding:1rem}.radar-svg{height:auto;max-width:500px;width:100%}.radar-point{cursor:pointer;transition:all .3s ease}.radar-point:hover{r:12;stroke-width:4;filter:brightness(1.2)}.radar-legend{display:flex;flex-direction:column;gap:1rem}.radar-legend-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition)}.radar-legend-item:hover{border-color:#3498db;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.radar-legend-color{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:20px;width:20px}.radar-legend-content{flex:1 1}.radar-legend-label{color:#2c3e50;color:var(--primary-color);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.radar-legend-value{color:#3498db;font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.radar-legend-details{background:#f8f9fa;border-radius:12px;color:#7f8c8d;display:inline-block;font-size:.9rem;padding:.25rem .5rem}@media (max-width:1024px){.app-layout{flex-direction:column}.sidebar-menu{height:auto;order:-1;transform:none!important}.sidebar-menu,.sidebar-menu.closed{width:100%!important}.menu-header,.sidebar-menu.closed .menu-header{justify-content:space-between;padding:1rem 1.5rem}.menu-toggle-btn,.sidebar-menu.closed .menu-toggle-btn{display:flex!important}.menu-nav{padding:.5rem 0}.menu-list{display:flex;gap:.5rem;overflow-x:auto;padding:0 1rem}.menu-item{flex-shrink:0;margin:0}.menu-button{text-align:center}.menu-button,.sidebar-menu.closed .menu-button{flex-direction:column;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1rem}.menu-content{align-items:center}.menu-description{display:none}.menu-footer{padding:1rem 1.5rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.app-main{padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1400px){.stat-value-compact{font-size:1.4rem}.comparison-value-horizontal{font-size:1.1rem}.comparison-percent{font-size:.8rem}}@media (max-width:1200px){.stat-value-compact{font-size:1.3rem}.comparison-value-horizontal{font-size:1rem}.comparison-percent{font-size:.75rem}.stat-comparison-horizontal{gap:.75rem;padding-left:1rem}.comparison-item-horizontal{gap:.35rem}.stat-icon-compact{font-size:1.3rem;height:42px;width:42px}.stat-compact{gap:.6rem;padding:.75rem}}@media (max-width:768px){.sidebar-menu{background:linear-gradient(90deg,#2c3e50,#34495e);background:linear-gradient(90deg,var(--primary-color) 0,#34495e 100%)}.menu-logo-icon{font-size:2rem;padding:.5rem}.menu-logo-text h3{font-size:1rem}.menu-icon{font-size:1.25rem;height:35px;width:35px}.menu-label{font-size:.9rem}.app-header{padding:.5rem}.logo-section h1{font-size:1.8rem}.header-stats{gap:1rem}.dashboard-header,.inventory-header{align-items:stretch;flex-direction:column;gap:1rem}.inventory-controls{flex-direction:column}.view-mode-toggle{width:100%}.view-mode-btn{flex:1 1;font-size:.9rem;padding:.65rem 1rem}.search-input{min-width:auto;width:100%}.inventory-grid{grid-template-columns:1fr}.inventory-table{overflow-x:auto}.inventory-table .table-header,.inventory-table .table-row{gap:1rem}.inventory-table.quantity-mode .table-header{font-size:.8rem;grid-template-columns:90px 160px 90px 90px 90px 90px minmax(100px,1fr) 80px;min-width:900px}.inventory-table.value-mode .table-header{font-size:.8rem;grid-template-columns:80px 140px 80px 80px 90px 90px 100px 100px minmax(100px,1fr) 80px;min-width:1000px}.inventory-table.quantity-mode .table-row{font-size:.85rem;grid-template-columns:90px 160px 90px 90px 90px 90px minmax(100px,1fr) 80px;min-width:900px}.inventory-table.value-mode .table-row{font-size:.85rem;grid-template-columns:80px 140px 80px 80px 90px 90px 100px 100px minmax(100px,1fr) 80px;min-width:1000px}.dashboard-grid{grid-template-columns:1fr}.recent-orders-list,.recent-transactions-list{max-height:300px}.stats-compact-grid{grid-template-columns:1fr}.stat-info-extended-horizontal{align-items:flex-start;flex-direction:column;gap:1rem}.stat-info-extended-horizontal .stat-info{padding-right:0;width:100%}.stat-comparison-horizontal{border-left:none;border-top:1px solid #dee2e6;flex-direction:column;gap:.75rem;padding-left:0;padding-top:1rem;width:100%}.comparison-item-horizontal{width:100%}.stats-grid{grid-template-columns:1fr}.alert-item,.stat-card{flex-direction:column;text-align:center}.alert-item{gap:.5rem}}@media (max-width:480px){.logo-section h1{font-size:1.5rem}.nav-text{display:none}.card-actions{flex-direction:column}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header>div,.table-row>div{align-items:center;border-bottom:1px solid #fff;display:flex;justify-content:space-between;padding:.5rem 0}.table-header>div{color:#fff}.table-header>div:before,.table-row>div:before{color:#fff;content:attr(data-label) ": ";font-weight:600}.pareto-chart-container,.radar-chart-container{gap:2rem;grid-template-columns:1fr}.bar-chart{grid-template-columns:40px 1fr;height:250px}.chart-bars{padding:10px 0 30px}.bar-container{height:200px}.chart-bar{width:30px}.report-controls,.transaction-controls{flex-direction:column;width:100%}.filter-select{width:100%}.chart-header{text-align:center}.chart-header,.chart-legend{flex-direction:column;gap:1rem}}.modal-overlay{background:#00000073;inset:0;z-index:2000}.modal{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);color:#2c3e50;overflow:hidden;width:min(560px,92vw)}.modal-header{background:#f6f8fa;border-bottom:1px solid #e1e8ed;padding:.9rem 1rem}.modal-close,.modal-header h3{font-size:1rem}.modal-close{background:#0000}.modal-body{grid-gap:.75rem;display:grid;gap:.75rem;padding:1rem}.modal-row{display:flex;gap:1rem;justify-content:space-between}.modal-actions{border-top:1px solid #e1e8ed;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.btn{background:#3498db;background:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem .9rem}.btn:hover{opacity:.9}.side-panel{background:#fff;box-shadow:-4px 0 16px #0003;color:#2c3e50;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:min(420px,92vw);z-index:1900}.side-panel.open{transform:translateX(0)}.side-panel-header{align-items:center;background:#f6f8fa;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:.9rem 1rem}.side-panel-header h3{font-size:1rem;margin:0}.side-panel-close{background:#0000;border:none;cursor:pointer;font-size:1rem}.side-panel-body{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;overflow:auto;padding:1rem}.panel-row{display:flex;gap:1rem;justify-content:space-between}.side-panel-actions{border-top:1px solid #e1e8ed;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.user-menu-container{position:relative}.user-caret{margin-left:.35rem}.user-menu{background:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 8px 24px #0000001f;color:#2c3e50;min-width:220px;padding:.25rem 0;position:absolute;right:0;top:calc(100% + 8px);z-index:2500}.user-menu-header{font-weight:600;padding:.6rem .9rem}.user-menu-sep{background:#eef2f5;height:1px;margin:.25rem 0}.user-menu-item{background:#0000;border:none;cursor:pointer;font-size:.95rem;padding:.6rem .9rem;text-align:left;width:100%}.user-menu-item:hover{background:#f6f8fa}.user-menu-item.danger{color:#e74c3c}.input-form{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid #f8f9fa;border-bottom:2px solid var(--light-bg);color:#2c3e50;color:var(--dark-text);font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group label{color:var(--dark-text);font-size:.9rem}.required{color:var(--danger-color)}.form-input{border:1px solid #e1e8ed;border:1px solid var(--border-color);font-size:1rem}.form-input:focus{border-color:#3498db;border-color:var(--secondary-color)}.form-actions{border-top:1px solid #e1e8ed;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn-primary{background:#3498db;background:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease;transition:var(--transition)}.btn-primary:hover{background:#2980b9;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:8px;color:#2c3e50;color:var(--dark-text);cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .3s ease;transition:var(--transition)}.btn-secondary:hover{background:#f8f9fa;background:var(--light-bg)}.orders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.order-card{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.order-card:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.order-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.order-title{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.order-title h3{color:#2c3e50;color:var(--dark-text);font-size:1.1rem;margin:0}.order-type-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.order-type-sales{background:#e3f2fd;color:#1976d2}.order-type-purchase{background:#f3e5f5;color:#7b1fa2}.status-pending{background:#fff3e0;color:#f57c00}.status-processing{background:#e3f2fd;color:#1976d2}.status-completed{background:#e8f5e9;color:#388e3c}.status-cancelled{background:#fce4ec;color:#c2185b}.order-card-body{margin-bottom:1rem}.order-info-grid{grid-gap:.75rem;display:grid;gap:.75rem}.order-info-grid .info-row.full-width{grid-column:1/-1}.order-info-grid .total-amount{color:#3498db;color:var(--secondary-color);font-size:1.05rem;font-weight:700}.btn-view{background:#17a2b8;background:var(--info-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.btn-view:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.orders-grid{grid-template-columns:1fr}}.menu-icon svg{display:block;height:1.5rem;width:1.5rem}.stat-icon svg{height:3rem;width:3rem}.alert-icon svg{height:1.5rem;width:1.5rem}.add-btn svg,.btn-edit svg,.btn-history svg,.btn-view svg{margin-right:.25rem;vertical-align:middle}.order-filters{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem}.filter-group,.order-filters{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#2c3e50;color:var(--primary-color);font-size:.95rem;font-weight:600;white-space:nowrap}.search-box{flex:1 1;min-width:250px;position:relative}.search-icon{color:#7f8c8d;font-size:1.2rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box .search-input{border:2px solid #e1e8ed;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:.95rem;padding:.6rem 1rem .6rem 2.5rem;transition:all .3s ease;transition:var(--transition);width:100%}.search-box .search-input:focus{border-color:#2c3e50;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.order-table-container{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);overflow:hidden}.order-table{border-collapse:collapse;width:100%}.order-table thead{background:#2c3e50;background:var(--primary-color);color:#fff}.order-table th{font-size:.9rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.order-table tbody tr{border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);transition:all .3s ease;transition:var(--transition)}.order-table tbody tr:hover{background:#f8f9fa}.order-table td{font-size:.95rem;padding:1rem}.order-table .order-number{color:#2c3e50;color:var(--primary-color);font-family:Courier New,monospace;font-weight:600}.order-table .item-name{font-weight:500}.order-table .text-right{text-align:right}.order-table .total-amount{color:#2c3e50;color:var(--primary-color);font-weight:700}.order-table .action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-action-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:all .3s ease;transition:var(--transition)}.btn-edit-icon{background:#3498db;color:#fff}.btn-edit-icon:hover{background:#2980b9}.btn-delete-icon{background:#e74c3c;color:#fff}.btn-delete-icon:hover{background:#c0392b}.no-data{color:#7f8c8d;font-size:1.1rem;padding:3rem;text-align:center}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #e1e8ed;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#2c3e50;color:var(--primary-color);font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;padding:.25rem;transition:all .3s ease;transition:var(--transition)}.modal-close:hover{color:#2c3e50}.modal-body{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2c3e50;font-size:.95rem;font-weight:600}.required{color:#e74c3c;margin-left:.25rem}.form-input{border:2px solid #e1e8ed;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .3s ease;transition:var(--transition)}.form-input:focus{border-color:#2c3e50;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-input-static{background:#f8f9fa;border:2px solid #e1e8ed;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#2c3e50;color:var(--primary-color);font-size:.95rem;font-weight:600;padding:.75rem}.modal-footer{background:#f8f9fa;border-top:2px solid #e1e8ed;border-top:2px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-cancel{background:#95a5a6;border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.btn-cancel:hover{background:#7f8c8d}.btn-submit{background:#2c3e50;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.btn-submit:hover{background:#3498db;background:var(--secondary-color)}.abc-analysis-container{grid-template-columns:400px 1fr;margin-top:2rem}.abc-donut-section{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:2rem}.abc-donut-section h4{color:#2c3e50;color:var(--primary-color);font-size:1.2rem;margin:0 0 1.5rem}.donut-chart{display:flex;justify-content:center;margin-bottom:2rem}.donut-svg{height:250px;width:250px}.donut-legend{display:flex;flex-direction:column;gap:1rem}.donut-legend-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.donut-legend-item .legend-dot{border-radius:50%;flex-shrink:0;height:20px;width:20px}.donut-legend-item.class-a .legend-dot{background:#e74c3c}.donut-legend-item.class-b .legend-dot{background:#f39c12}.donut-legend-item.class-c .legend-dot{background:#27ae60}.legend-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.legend-label{color:#2c3e50;font-weight:600}.legend-value{color:#2c3e50;color:var(--primary-color);font-size:1.1rem;font-weight:700}.abc-details-section{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow)}.abc-details-section h4{color:#2c3e50;font-size:1.2rem}.abc-card{background:#f8f9fa;border-left:5px solid;border-radius:12px;padding:1.5rem;transition:all .3s ease}.abc-card:hover{box-shadow:0 4px 12px #0000001a}.abc-card-header{margin-bottom:1rem}.abc-class{font-size:1.3rem}.abc-percentage{color:#2c3e50;color:var(--primary-color);font-size:1.5rem;font-weight:700}.abc-card-body{gap:.75rem}.abc-stat{align-items:center;justify-content:space-between}.abc-stat .stat-label{font-size:.95rem}.abc-stat .stat-value{font-size:1.1rem;font-weight:600}.abc-description{border-top:1px solid #ddd;color:#7f8c8d;font-style:italic;padding-top:.75rem}.turnover-container{margin-top:2rem}.turnover-chart{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:2rem}.turnover-chart h4{color:#2c3e50;color:var(--primary-color);font-size:1.2rem;margin:0 0 2rem}.chart-wrapper{grid-template-columns:60px 1fr;height:300px}.chart-y-axis{padding-right:.5rem}.chart-y-axis .target-label{font-weight:600}.turnover-bar{border-radius:8px 8px 0 0;padding-top:.5rem;transition:var(--transition);width:60%}.turnover-bar:hover{box-shadow:0 4px 12px #00000026}.turnover-bar.below{background:linear-gradient(0deg,#e74c3c,#e67e73)}.turnover-bar .bar-value{font-size:.95rem}.bar-label{font-size:.85rem}.turnover-legend{border-top:1px solid #e1e8ed;gap:2rem;margin-top:2rem;padding-top:1.5rem}.turnover-legend .legend-item{gap:.5rem}.turnover-legend .legend-color{border-radius:4px;height:20px;width:30px}.turnover-legend .legend-color.above{background:#27ae60}.turnover-legend .legend-color.below{background:#e74c3c}.level-analysis-container{margin-top:2rem}.level-bars-section,.level-summary-section{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow)}.level-bars-section h4,.level-summary-section h4{color:#2c3e50;font-size:1.2rem;margin:0 0 1.5rem}.level-bars{gap:1.5rem}.level-bar-item{gap:.5rem}.category-name{font-size:1rem;font-weight:600}.category-percentage{color:#2c3e50;font-size:1.1rem}.level-bar-wrapper{border-radius:15px;height:30px;overflow:hidden}.level-bar{border-radius:15px;transition:width .3s ease}.level-bar-footer{color:#7f8c8d}.level-summary-cards{grid-gap:1rem;gap:1rem}.summary-stat{gap:1rem;padding:1.25rem}.summary-stat.excellent{background:#27ae601a}.summary-stat.warning{background:#f39c121a}.summary-stat.danger{background:#e74c3c1a}.summary-stat .stat-icon{height:50px;width:50px}.summary-stat.excellent .stat-icon{background:#27ae60}.summary-stat.warning .stat-icon{background:#f39c12}.summary-stat.danger .stat-icon{background:#e74c3c}.summary-stat .stat-number{font-size:2rem}.level-recommendations{background:#f8f9fa;border-left:4px solid #2c3e50;border-left:4px solid var(--primary-color);border-radius:8px;padding:1.5rem}.level-recommendations h5{color:#2c3e50;font-size:1.1rem;margin:0 0 1rem}.level-recommendations ul{margin:0;padding-left:1.5rem}.level-recommendations li{color:#2c3e50;line-height:1.6;margin-bottom:.5rem}.reports{width:100%}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.reports-header h2{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin:0}.report-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.reports .filter-select{background:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--dark-text);cursor:pointer;font-size:.95rem;min-width:180px;padding:.65rem 1rem;transition:var(--transition)}.reports .filter-select:focus,.reports .filter-select:hover{border-color:var(--secondary-color)}.reports .filter-select:focus{box-shadow:0 0 0 3px #3498db1a;outline:none}.reports .export-btn,.reports .generate-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.65rem 1.5rem;transition:var(--transition)}.reports .generate-btn{background:linear-gradient(135deg,var(--secondary-color),#2980b9);color:#fff}.reports .generate-btn:hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.reports .export-btn{background:linear-gradient(135deg,var(--success-color),#229954);color:#fff}.reports .export-btn:hover{box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.reports .report-overview,.reports .report-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.reports .section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.reports .section-header h3{align-items:center;color:var(--primary-color);display:flex;font-size:1.6rem;font-weight:700;gap:.5rem;margin:0}.reports .section-description{color:#7f8c8d;flex-basis:100%;font-size:1rem;line-height:1.6;margin:0}.reports .last-updated{color:#95a5a6;font-size:.85rem;white-space:nowrap}.health-score-section{background:linear-gradient(135deg,#fff,#f8f9fa)}.health-score-container{grid-gap:3rem;align-items:flex-start;display:grid;gap:3rem;grid-template-columns:350px 1fr}.health-score-main{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:2rem;padding:2rem}.score-circle{height:200px;width:200px}.score-svg{height:100%;transform:rotate(0deg);width:100%}.score-details{text-align:center;width:100%}.score-grade{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.grade-label{color:#7f8c8d;font-size:1.1rem;font-weight:600}.grade-value{border-radius:16px;color:#fff;font-size:3rem;font-weight:700;padding:.5rem 2rem}.grade-value.grade-A{background:linear-gradient(135deg,#27ae60,#2ecc71)}.grade-value.grade-B{background:linear-gradient(135deg,#3498db,#5dade2)}.grade-value.grade-C{background:linear-gradient(135deg,#f39c12,#f1c40f)}.grade-value.grade-D{background:linear-gradient(135deg,#e74c3c,#ec7063)}.score-description{color:#7f8c8d;font-size:.95rem;line-height:1.6}.health-factors{display:flex;flex-direction:column;gap:1.25rem}.health-factor{background:#fff;border-left:5px solid;border-radius:12px;padding:1.25rem;transition:var(--transition)}.health-factor:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.health-factor.excellent{background:linear-gradient(90deg,#27ae600d,#fff);border-left-color:#27ae60}.health-factor.good{background:linear-gradient(90deg,#3498db0d,#fff);border-left-color:#3498db}.health-factor.warning{background:linear-gradient(90deg,#f39c120d,#fff);border-left-color:#f39c12}.health-factor.danger{background:linear-gradient(90deg,#e74c3c0d,#fff);border-left-color:#e74c3c}.factor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.factor-name{color:#2c3e50;font-size:1.05rem;font-weight:700}.factor-score{color:var(--primary-color);font-size:1.2rem;font-weight:700}.factor-bar-wrapper{background:#ecf0f1;border-radius:6px;height:12px;margin-bottom:.75rem;overflow:hidden}.factor-bar{background:var(--secondary-color);border-radius:6px;height:100%;transition:width .5s ease}.health-factor.excellent .factor-bar{background:linear-gradient(90deg,#27ae60,#2ecc71)}.health-factor.good .factor-bar{background:linear-gradient(90deg,#3498db,#5dade2)}.health-factor.warning .factor-bar{background:linear-gradient(90deg,#f39c12,#f1c40f)}.health-factor.danger .factor-bar{background:linear-gradient(90deg,#e74c3c,#ec7063)}.factor-description{color:#7f8c8d;font-size:.9rem;line-height:1.5}.top-items-section{background:linear-gradient(135deg,#fff,#f8f9fa)}.top-items-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.top-items-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.top-items-card h4{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin:0 0 1.5rem}.top-items-list{display:flex;flex-direction:column;gap:1.25rem}.top-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:var(--transition)}.top-item:hover{background:#ecf0f1;transform:translateX(5px)}.item-rank{align-items:center;background:linear-gradient(135deg,var(--secondary-color),#2980b9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.item-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.item-name{color:#2c3e50;font-size:.95rem;font-weight:600}.item-bar-wrapper{background:#ecf0f1;border-radius:4px;height:8px;overflow:hidden}.item-bar{border-radius:4px;height:100%;transition:width .5s ease}.item-bar.value-bar{background:linear-gradient(90deg,var(--secondary-color),#5dade2)}.item-bar.turnover-bar{background:linear-gradient(90deg,var(--success-color),#2ecc71)}.item-bar.turnover-bar.warning{background:linear-gradient(90deg,#f39c12,#f1c40f)}.item-bar.turnover-bar.excellent{background:linear-gradient(90deg,#27ae60,#2ecc71)}.item-bar.turnover-bar.good{background:linear-gradient(90deg,#3498db,#5dade2)}.item-value{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.value-amount{color:#2c3e50;font-size:1.05rem;font-weight:700}.value-percentage{color:#7f8c8d;font-size:.85rem}.value-status{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.value-status.excellent{background:#27ae60}.value-status.good{background:#3498db}.value-status.warning{background:#f39c12}.recommendations-section{background:linear-gradient(135deg,#fff,#f8f9fa)}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendation-card{background:#fff;border-left:6px solid;border-radius:16px;display:flex;gap:1.5rem;padding:2rem;transition:var(--transition)}.recommendation-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.recommendation-card.priority-high{background:linear-gradient(135deg,#e74c3c0d,#fff 50%);border-left-color:#e74c3c}.recommendation-card.priority-medium{background:linear-gradient(135deg,#f39c120d,#fff 50%);border-left-color:#f39c12}.recommendation-card.priority-low{background:linear-gradient(135deg,#3498db0d,#fff 50%);border-left-color:#3498db}.rec-icon{flex-shrink:0;font-size:2.5rem}.rec-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.rec-title{color:#2c3e50;font-size:1.1rem;font-weight:700}.rec-description{color:#7f8c8d;font-size:.95rem;line-height:1.6}.rec-action-btn{align-self:flex-start;background:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:var(--transition)}.rec-action-btn:hover{background:#2980b9;transform:translateY(-2px)}.abc-analysis-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:1rem}.pareto-chart-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.pareto-chart-wrapper h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.pareto-chart{background:#fafbfc;border-radius:12px;margin-bottom:2rem;padding:2rem}.pareto-svg{display:block;height:auto;margin:0 auto;max-width:700px;width:100%}.pareto-bar{cursor:pointer;transition:all .3s ease}.pareto-bar:hover{filter:brightness(1.1)}.cumulative-line{cursor:pointer;transition:stroke-width .3s ease}.cumulative-line:hover{stroke-width:4}.data-point{cursor:pointer;transition:all .3s ease}.data-point:hover{r:8;filter:brightness(1.2)}.abc-details-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.abc-details-section h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.abc-cards{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.abc-card{background:#fff;border-left:6px solid;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:2rem;transition:var(--transition)}.abc-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateX(5px)}.abc-card.abc-a{background:linear-gradient(90deg,#e74c3c08,#fff);border-left-color:#e74c3c}.abc-card.abc-b{background:linear-gradient(90deg,#f39c1208,#fff);border-left-color:#f39c12}.abc-card.abc-c{background:linear-gradient(90deg,#27ae6008,#fff);border-left-color:#27ae60}.abc-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.abc-class{color:#2c3e50;font-size:1.5rem;font-weight:700}.abc-badge{background:#f8f9fa;border-radius:20px;color:#7f8c8d;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.abc-card-body{display:flex;flex-direction:column;gap:1.25rem}.abc-stat-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.abc-stat{display:flex;flex-direction:column;gap:.5rem}.abc-stat .stat-label{color:#7f8c8d;font-size:.9rem;font-weight:500}.abc-stat .stat-value{color:#2c3e50;font-size:1.4rem;font-weight:700}.abc-stat .stat-percentage{color:#95a5a6;font-size:.95rem;margin-left:.5rem}.abc-cumulative{display:flex;flex-direction:column;gap:.5rem}.cumulative-label{color:#7f8c8d;font-size:.9rem;font-weight:500}.cumulative-bar-wrapper{background:#ecf0f1;border-radius:6px;height:12px;overflow:hidden;position:relative}.cumulative-bar{background:linear-gradient(90deg,var(--secondary-color),#5dade2);border-radius:6px;height:100%;transition:width .5s ease}.cumulative-value{color:var(--secondary-color);font-size:1.1rem;font-weight:700}.abc-card-footer{border-top:1px solid #ecf0f1;margin-top:1rem;padding-top:1rem}.abc-detail-btn{background:#0000;border:2px solid var(--secondary-color);border-radius:8px;color:var(--secondary-color);cursor:pointer;font-weight:600;padding:.65rem 1.5rem;transition:var(--transition)}.abc-detail-btn:hover{background:var(--secondary-color);color:#fff}.abc-insights{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border-left:6px solid var(--secondary-color);border-radius:16px;padding:2rem}.abc-insights h4{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin:0 0 1.5rem}.insights-list{display:flex;flex-direction:column;gap:1rem;margin:0;padding-left:1.5rem}.insights-list li{color:#2c3e50;font-size:.95rem;line-height:1.8}.insights-list strong{color:var(--primary-color);font-weight:700}.turnover-analysis-container{margin-top:1rem}.turnover-stats-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.turnover-stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:var(--transition)}.turnover-stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.turnover-stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,var(--secondary-color),#5dade2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.turnover-stat-card .stat-content{flex:1 1}.turnover-stat-card .stat-label{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem}.turnover-stat-card .stat-value{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:.25rem}.turnover-stat-card .stat-change{color:#95a5a6;font-size:.85rem}.turnover-stat-card .stat-change.positive{color:#27ae60;font-weight:600}.turnover-chart-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.turnover-chart-wrapper h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.turnover-chart{margin-bottom:1.5rem}.chart-wrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:80px 1fr;height:350px}.chart-y-axis{align-items:flex-end;color:#7f8c8d;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;justify-content:space-between;padding-right:.75rem}.chart-y-axis .target-label{color:#e74c3c;font-weight:700}.chart-area{height:100%;position:relative}.chart-grid{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:absolute;width:100%;z-index:0}.chart-grid .grid-line{border-bottom:1px dashed #e1e8ed}.chart-grid .target-line{border-bottom:2px solid #e74c3c;position:relative}.chart-bars{align-items:flex-end;gap:1rem;justify-content:space-around;padding-bottom:2rem;position:relative;z-index:1}.bar-group,.chart-bars{display:flex;height:100%}.bar-group{align-items:center;flex:1 1;flex-direction:column;gap:.5rem}.bar-wrapper{align-items:flex-end;height:100%;width:100%}.bar-wrapper,.turnover-bar{display:flex;justify-content:center}.turnover-bar{align-items:flex-start;border-radius:12px 12px 0 0;cursor:pointer;min-height:30px;padding-top:.75rem;position:relative;transition:all .3s ease;width:70%}.turnover-bar:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.turnover-bar.above{background:linear-gradient(0deg,#27ae60,#2ecc71)}.turnover-bar.below{background:linear-gradient(0deg,#e74c3c,#ec7063)}.turnover-bar .bar-value{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 1px 3px #0000004d}.bar-label{color:#7f8c8d;font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap}.turnover-legend{background:#f8f9fa;border-radius:12px;display:flex;gap:3rem;justify-content:center;padding:1.5rem}.turnover-legend .legend-item{align-items:center;display:flex;gap:.75rem}.turnover-legend .legend-color{border-radius:6px;height:24px;width:40px}.turnover-legend .legend-color.above{background:linear-gradient(90deg,#27ae60,#2ecc71)}.turnover-legend .legend-color.below{background:linear-gradient(90deg,#e74c3c,#ec7063)}.turnover-insights{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.turnover-insights h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.insights-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border-left:5px solid var(--secondary-color);border-radius:12px;padding:1.5rem}.insight-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.insight-icon{font-size:1.8rem}.insight-title{color:#2c3e50;font-size:1.05rem;font-weight:700}.insight-body{color:#7f8c8d;font-size:.95rem;line-height:1.7}.level-analysis-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr;margin-top:1rem}.level-bars-section,.level-summary-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.level-bars-section h4,.level-summary-section h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.level-bars{gap:2rem}.level-bar-item,.level-bars{display:flex;flex-direction:column}.level-bar-item{gap:.75rem}.level-bar-header{align-items:center;display:flex;justify-content:space-between}.category-name{color:#2c3e50;font-size:1.05rem;font-weight:700}.category-stats{align-items:baseline;display:flex;font-size:.95rem;gap:.25rem}.current-value{color:var(--primary-color);font-size:1.1rem;font-weight:700}.separator{color:#95a5a6}.optimal-value{color:#7f8c8d}.category-percentage{color:var(--primary-color);font-size:1.2rem;font-weight:700}.level-bar-wrapper{background:#ecf0f1;height:36px;overflow:visible}.level-bar,.level-bar-wrapper{border-radius:18px;position:relative}.level-bar{align-items:center;display:flex;height:100%;justify-content:flex-end;padding-right:1rem;transition:width .5s ease}.level-bar.excellent{background:linear-gradient(90deg,#27ae60,#2ecc71)}.level-bar.good{background:linear-gradient(90deg,#3498db,#5dade2)}.level-bar.warning{background:linear-gradient(90deg,#f39c12,#f1c40f)}.level-bar.danger{background:linear-gradient(90deg,#e74c3c,#ec7063)}.optimal-marker{background:#0000004d;border-radius:2px;bottom:0;position:absolute;top:0;width:3px}.level-bar-footer{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.status-label{border-radius:12px;color:#fff;font-weight:600;padding:.25rem .75rem}.status-label.excellent{background:#27ae60}.status-label.good{background:#3498db}.status-label.warning{background:#f39c12}.status-label.danger{background:#e74c3c}.shortage-amount{color:#e74c3c;font-weight:600}.level-summary-cards{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}.summary-stat{align-items:center;border-left:5px solid;border-radius:12px;display:flex;gap:1.25rem;padding:1.5rem;transition:var(--transition)}.summary-stat:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.summary-stat.excellent{background:linear-gradient(90deg,#27ae6014,#fff);border-left-color:#27ae60}.summary-stat.good{background:linear-gradient(90deg,#3498db14,#fff);border-left-color:#3498db}.summary-stat.warning{background:linear-gradient(90deg,#f39c1214,#fff);border-left-color:#f39c12}.summary-stat.danger{background:linear-gradient(90deg,#e74c3c14,#fff);border-left-color:#e74c3c}.summary-stat .stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:55px;justify-content:center;width:55px}.summary-stat.excellent .stat-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.summary-stat.good .stat-icon{background:linear-gradient(135deg,#3498db,#5dade2)}.summary-stat.warning .stat-icon{background:linear-gradient(135deg,#f39c12,#f1c40f)}.summary-stat.danger .stat-icon{background:linear-gradient(135deg,#e74c3c,#ec7063)}.summary-stat .stat-content{flex:1 1}.summary-stat .stat-number{color:#2c3e50;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.summary-stat .stat-label{color:#7f8c8d;font-size:.95rem;font-weight:600}.summary-stat .stat-sublabel{color:#95a5a6;font-size:.85rem;margin-top:.25rem}.level-recommendations{background:linear-gradient(135deg,#f8f9fa,#ecf0f1);border-left:5px solid var(--secondary-color);border-radius:12px;padding:2rem}.level-recommendations h5{color:var(--primary-color);font-size:1.15rem;font-weight:700;margin:0 0 1.5rem}.recommendations-table{display:flex;flex-direction:column;gap:1rem}.recommendation-row{align-items:center;background:#fff;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:var(--transition)}.recommendation-row:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(5px)}.rec-category{color:#2c3e50;font-size:1rem;font-weight:700;min-width:100px}.rec-details{display:flex;flex:1 1;flex-direction:column;font-size:.9rem;gap:.25rem}.rec-shortage{color:#e74c3c;font-weight:600}.rec-priority{color:#7f8c8d}.rec-order-btn{background:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:var(--transition);white-space:nowrap}.rec-order-btn:hover{background:#2980b9;transform:translateY(-2px)}.health-analysis-container{margin-top:1rem}.health-main-score{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:3rem}.score-display{align-items:center;display:flex;gap:4rem;justify-content:center}.score-circle-large{height:240px;width:240px}.score-svg-large{height:100%;width:100%}.score-grade-display{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem}.grade-title{color:#7f8c8d;font-size:1.2rem;font-weight:600}.grade-badge{border-radius:24px;color:#fff;font-size:4rem;font-weight:700;padding:1rem 3rem}.grade-description{color:#7f8c8d;font-size:1.05rem;line-height:1.7;max-width:400px}.health-factors-detailed{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.health-factors-detailed h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.factors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.factor-card{border-left:6px solid;border-radius:16px;padding:2rem;transition:var(--transition)}.factor-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.factor-card.excellent{background:linear-gradient(135deg,#27ae6014,#fff 50%);border-left-color:#27ae60}.factor-card.good{background:linear-gradient(135deg,#3498db14,#fff 50%);border-left-color:#3498db}.factor-card.warning{background:linear-gradient(135deg,#f39c1214,#fff 50%);border-left-color:#f39c12}.factor-card.danger{background:linear-gradient(135deg,#e74c3c14,#fff 50%);border-left-color:#e74c3c}.factor-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.factor-score-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.factor-progress-bar{background:#ecf0f1;border-radius:7px;height:14px;margin-bottom:1.25rem;overflow:hidden}.factor-progress{border-radius:7px;height:100%;transition:width .5s ease}.factor-card.excellent .factor-progress{background:linear-gradient(90deg,#27ae60,#2ecc71)}.factor-card.good .factor-progress{background:linear-gradient(90deg,#3498db,#5dade2)}.factor-card.warning .factor-progress{background:linear-gradient(90deg,#f39c12,#f1c40f)}.factor-card.danger .factor-progress{background:linear-gradient(90deg,#e74c3c,#ec7063)}.factor-status-badge{background:#f8f9fa;border-radius:20px;color:#7f8c8d;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center}.health-timeline{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.health-timeline h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.timeline-chart{background:#fafbfc;border-radius:12px;padding:2rem}.timeline-bars{align-items:flex-end;display:flex;gap:1rem;height:200px;justify-content:space-around}.timeline-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.75rem;height:100%}.timeline-bar-wrapper{align-items:flex-end;display:flex;height:100%;justify-content:center;width:100%}.timeline-bar{align-items:flex-start;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:center;padding-top:.5rem;position:relative;transition:all .3s ease;width:70%}.timeline-bar:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.timeline-bar.excellent{background:linear-gradient(0deg,#27ae60,#2ecc71)}.timeline-bar.good{background:linear-gradient(0deg,#3498db,#5dade2)}.timeline-bar.warning{background:linear-gradient(0deg,#f39c12,#f1c40f)}.timeline-bar.danger{background:linear-gradient(0deg,#e74c3c,#ec7063)}.timeline-bar .bar-value{color:#fff;font-size:.95rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.timeline-label{color:#7f8c8d;font-size:.85rem;font-weight:600}.cost-analysis-container{margin-top:1rem}.cost-summary-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.cost-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1.5rem;padding:2rem;transition:var(--transition)}.cost-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.cost-card.total-cost .cost-icon{background:linear-gradient(135deg,#e74c3c,#ec7063)}.cost-card.total-value .cost-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.cost-card.margin .cost-icon{background:linear-gradient(135deg,#3498db,#5dade2)}.cost-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.cost-content{flex:1 1}.cost-label{color:#7f8c8d;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.cost-value{color:#2c3e50;font-size:2.2rem;font-weight:700}.cost-by-category{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.cost-by-category h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.cost-table{border:1px solid #e1e8ed;border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden}.cost-table-header{background:var(--primary-color);color:#fff;font-size:.9rem;font-weight:700}.cost-table-header,.cost-table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.2fr .8fr 1fr 1fr .8fr 1.5fr;padding:1.25rem 1.5rem}.cost-table-row{align-items:center;border-bottom:1px solid #e1e8ed;transition:var(--transition)}.cost-table-row:last-child{border-bottom:none}.cost-table-row:hover{background:#f8f9fa}.col-category{color:#2c3e50;font-weight:600}.col-cost,.col-items,.col-value{color:#7f8c8d}.col-margin{align-items:center;display:flex}.margin-badge{border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:.35rem .75rem}.margin-badge.excellent{background:linear-gradient(90deg,#27ae60,#2ecc71)}.margin-badge.good{background:linear-gradient(90deg,#3498db,#5dade2)}.margin-badge.warning{background:linear-gradient(90deg,#f39c12,#f1c40f)}.col-chart{align-items:center;display:flex}.mini-bar-chart{background:#ecf0f1;border-radius:10px;height:20px;overflow:hidden;width:100%}.mini-bar{transition:width .5s ease}.mini-bar.cost-bar{background:linear-gradient(90deg,var(--secondary-color),#5dade2)}.cost-insights{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.cost-insights h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.cost-insights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.trend-analysis-container{margin-top:1rem}.trend-chart-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.trend-chart-section h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.trend-line-chart{background:#fafbfc;border-radius:12px;padding:2rem}.trend-svg{height:auto;width:100%}.trend-metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.trend-metric-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.trend-metric-card h5{color:var(--primary-color);font-size:1.1rem;font-weight:700;margin:0 0 1.5rem}.metric-mini-chart{align-items:flex-end;background:#f8f9fa;border-radius:8px;display:flex;gap:.5rem;height:120px;justify-content:space-around;margin-bottom:1rem;padding:1rem}.metric-mini-chart.warning .mini-bar-fill{background:linear-gradient(0deg,#f39c12,#f1c40f)}.metric-mini-chart.danger .mini-bar-fill{background:linear-gradient(0deg,#e74c3c,#ec7063)}.mini-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;height:100%}.mini-bar-fill{background:linear-gradient(to top,var(--secondary-color),#5dade2);border-radius:6px 6px 0 0;transition:height .3s ease;width:100%}.mini-bar-label{color:#7f8c8d;font-size:.75rem;font-weight:600}.metric-summary{border-top:1px solid #e1e8ed;color:#7f8c8d;font-size:.95rem;padding-top:1rem;text-align:center}.trend-forecast{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.trend-forecast h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0 0 2rem}.forecast-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.forecast-card{border-left:6px solid;border-radius:16px;display:flex;gap:1.5rem;padding:2rem;transition:var(--transition)}.forecast-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.forecast-card.positive{background:linear-gradient(90deg,#27ae6014,#fff);border-left-color:#27ae60}.forecast-card.warning{background:linear-gradient(90deg,#f39c1214,#fff);border-left-color:#f39c12}.forecast-icon{flex-shrink:0;font-size:2.5rem}.forecast-content{flex:1 1}.forecast-title{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.forecast-text{color:#7f8c8d;font-size:.95rem;line-height:1.7}@media (max-width:1400px){.health-score-container,.level-analysis-container{grid-template-columns:1fr}.pareto-chart-wrapper{grid-column:1/-1}}@media (max-width:1024px){.cost-summary-cards,.factors-grid,.forecast-cards,.insights-cards,.recommendations-grid,.top-items-grid,.trend-metrics-grid,.turnover-stats-summary{grid-template-columns:1fr}.score-display{flex-direction:column;gap:2rem}.cost-table-header,.cost-table-row{gap:.5rem;grid-template-columns:1fr}.cost-table-header>div,.cost-table-row>div{padding:.5rem 0}.cost-table-row>div:before{color:var(--primary-color);content:attr(data-label) ": ";font-weight:600}}@media (max-width:768px){.reports-header{align-items:stretch;flex-direction:column}.reports-header h2{font-size:1.5rem}.report-controls{flex-direction:column;width:100%}.export-btn,.filter-select,.generate-btn{width:100%}.report-overview,.report-section{padding:1.5rem}.section-header h3{font-size:1.3rem}.bar-chart,.chart-wrapper{grid-template-columns:60px 1fr;height:280px}.timeline-bar,.turnover-bar{width:85%}.pareto-svg,.trend-svg{max-width:100%}}@media (max-width:480px){.reports-header h2{font-size:1.3rem}.section-header h3{font-size:1.1rem}.report-overview,.report-section{padding:1rem}.cost-value{font-size:1.6rem}.grade-value{font-size:2rem;padding:.5rem 1.5rem}.chart-y-axis{font-size:.75rem}.bar-label,.mini-bar-label{font-size:.7rem}}
/*# sourceMappingURL=main.e4159dfd.css.map*/