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}*{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}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#2c3e50,#3498db);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);color:#fff;padding:1.5rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.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{display:flex;gap:2rem}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-value{font-size:1.1rem;font-weight:700}.stat-label{font-size:.75rem;margin-top:.25rem;opacity:.8}.sync-status{color:#2ecc71}.app-nav{background:#fff;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;overflow-x:auto}.nav-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;min-width:120px;padding:1rem 1.5rem;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.nav-button:hover{background-color:#f8f9fa}.nav-button.active{background-color:#3498db;background-color:var(--secondary-color);border-bottom-color:#2c3e50;border-bottom-color:var(--primary-color);color:#fff}.nav-icon{font-size:1.25rem}.nav-text{font-size:.85rem;font-weight:600}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h2{color:#2c3e50;color:var(--primary-color);font-size:1.8rem;margin:0}.refresh-btn{background:#3498db;background:var(--secondary-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)}.refresh-btn:hover{background:#2980b9}.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:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.total-items .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.total-value .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.low-stock .stat-icon{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.out-stock .stat-icon{background:linear-gradient(135deg,#ff8a80,#ff5722)}.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}.stat-unit{color:#7f8c8d;font-size:.85rem}.alerts-section{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:2rem}.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;gap:1rem}.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-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}.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}.transactions-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.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:1.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{background:#2c3e50;background:var(--primary-color);color:#fff;font-size:.9rem;font-weight:600}.table-header,.table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:120px 80px 1fr 100px 120px 120px 1fr;padding:1rem}.table-row{border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);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);margin-bottom:2rem;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{height:auto;max-width:600px;width:100%}.pareto-bar{cursor:pointer;transition:all .3s ease}.pareto-bar:hover{filter:brightness(1.1);transform:scaleY(1.02);transform-origin:bottom}.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)}.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{display:flex;flex-direction:column;justify-content:space-between;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;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:10px 0;position:absolute;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{align-items:flex-end;bottom:0;display:flex;justify-content:space-around;left:0;padding:10px 0 40px;position:absolute;right:0;top:0}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column}.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);font-size:.85rem;font-weight:600;margin-top:.5rem;text-align:center}.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}.app-footer{background:#2c3e50;background:var(--primary-color);color:#fff;margin-top:auto;padding:1rem;text-align:center}.app-footer p{margin:0;opacity:.8}@media (max-width:1024px){.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:768px){.app-header{padding:1rem}.logo-section h1{font-size:1.8rem}.header-stats{gap:1rem}.nav-button{min-width:80px;padding:.75rem 1rem}.nav-text{font-size:.75rem}.dashboard-header,.inventory-header{align-items:stretch;flex-direction:column;gap:1rem}.inventory-controls{flex-direction:column}.search-input{min-width:auto;width:100%}.inventory-grid,.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 #eee;display:flex;justify-content:space-between;padding:.5rem 0}.table-header>div:before,.table-row>div:before{color:#7f8c8d;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}}
/*# sourceMappingURL=main.d7c1db2e.css.map*/