body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}.app{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:256px}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:24px}.logo{gap:8px}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:#2563eb;border-radius:4px;color:#fff;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.logo-text h1{color:#111827;font-size:16px;font-weight:600;margin:0}.logo-text p{color:#6b7280;font-size:12px;margin:0}.sidebar-nav{flex:1 1;padding:16px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:4px}.nav-button{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.nav-button:hover{background:#f9fafb}.nav-button.active{background:#eff6ff;color:#1d4ed8}.nav-icon{font-size:18px;height:20px;width:20px}.sidebar-footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px;padding:16px;text-align:center}.main-content{flex:1 1;margin-left:256px;padding:32px}.page-header{margin-bottom:32px}.page-header h1{color:#111827;font-size:30px;font-weight:700;margin:0 0 8px}.page-header p{color:#4b5563;margin:0}.prediction-section{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px}.prediction-form{display:flex;flex-direction:column;gap:16px}.form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.form-section-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.form-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:140px}.form-group.small{flex:0 1 120px;min-width:100px}.form-group label{color:#374151;font-size:14px;font-weight:500}.input-field{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:12px 16px;transition:border-color .2s}.input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-field::placeholder{color:#9ca3af}.predict-button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s;white-space:nowrap}.predict-button:hover{background:#1d4ed8}.predict-button:disabled{background:#9ca3af;cursor:not-allowed}.prediction-results{border-top:2px solid #f3f4f6;margin-top:24px;padding-top:24px}.prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.prediction-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-button:hover{background:#e5e7eb;color:#374151}.prediction-summary{margin-bottom:24px}.total-prediction{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;padding:24px;text-align:center}.total-label{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.total-value{color:#fff;font-size:36px;font-weight:700;margin:0}.prediction-breakdown{display:flex;flex-direction:column;gap:12px}.prediction-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.prediction-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.category-name{color:#111827;font-size:15px;font-weight:600}.category-sales{color:#2563eb;font-size:18px;font-weight:700}.prediction-item-details{align-items:center;display:flex;font-size:14px;gap:16px}.category-selector{margin-bottom:24px}.category-tabs{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:inline-flex;padding:4px}.tab-button{background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.tab-button:hover{color:#111827}.tab-button.active{background:#2563eb;color:#fff}.card,.tab-button.active{box-shadow:0 1px 2px #0000000d}.card{background:#fff;border-radius:8px;margin-bottom:24px;padding:24px}.card-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 16px}.card-subtitle{color:#6b7280;font-size:14px;margin:0 0 24px}.chart{margin:24px 0}.chart-bars{align-items:flex-end;border-bottom:2px solid #e5e7eb;border-left:2px solid #e5e7eb;display:flex;gap:16px;height:300px;padding:20px 0}.bar-wrapper{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.bar{background:#60a5fa;border-radius:8px 8px 0 0;position:relative;transition:background .2s;width:100%}.bar:hover{background:#3b82f6}.bar.selected{background:#2563eb}.bar-value{color:#374151;font-size:12px;font-weight:600;left:50%;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.bar-label{color:#6b7280;font-size:13px;font-weight:500;margin-top:8px}.stats-grid{display:flex;gap:16px;margin-top:24px}.stat-card{border:1px solid;border-radius:8px;flex:1 1;padding:16px}.stat-card.highest{background:#f0fdf4;border-color:#bbf7d0}.stat-card.lowest{background:#fff7ed;border-color:#fed7aa}.stat-label{font-size:12px;font-weight:500;margin:0 0 4px}.stat-card.highest .stat-label{color:#15803d}.stat-card.lowest .stat-label{color:#c2410c}.stat-value{font-size:24px;font-weight:700;margin:0}.stat-card.highest .stat-value{color:#052e16}.stat-card.lowest .stat-value{color:#7c2d12}.stat-detail{font-size:14px;margin:4px 0 0}.stat-card.highest .stat-detail{color:#15803d}.stat-card.lowest .stat-detail{color:#c2410c}.horizontal-chart{margin:24px 0}.h-bar-item{align-items:center;display:flex;margin-bottom:16px}.h-bar-label{color:#374151;font-size:14px;font-weight:500;width:150px}.h-bar-track{background:#f3f4f6;border-radius:8px;flex:1 1;height:40px;margin:0 12px;position:relative}.h-bar{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:flex-end;padding-right:12px}.data-table{border-collapse:collapse;margin-top:24px;width:100%}.data-table thead th{border-bottom:2px solid #e5e7eb;color:#111827;font-weight:600;padding:12px 16px;text-align:left}.data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr.selected{background:#eff6ff}.data-table td{color:#374151;padding:12px 16px}.data-table td.month{color:#111827;font-weight:500}.yoy-cell{align-items:center;display:flex;gap:8px}.yoy-positive{color:#15803d}.yoy-negative{color:#b91c1c}.yoy-neutral{color:#6b7280}.action-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.action-badge.increase{background:#f0fdf4;color:#15803d}.action-badge.reduce{background:#fef2f2;color:#b91c1c}.action-badge.maintain{background:#fef9c3;color:#a16207}.insight-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px}.insight-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:24px}.insight-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.insight-icon.blue{background:#dbeafe}.insight-icon.green{background:#dcfce7}.insight-icon.orange{background:#ffedd5}.insight-icon.emerald{background:#d1fae5}.insight-title-text h2{color:#111827;font-size:20px;font-weight:600;margin:0}.insight-title-text p{color:#6b7280;font-size:14px;margin:4px 0 0}.insight-points{margin-top:24px}.insight-point{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.point-number{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:24px;justify-content:center;margin-top:2px;width:24px}.insight-point p{color:#374151;line-height:1.6;margin:0}.month-grid{grid-gap:16px;display:grid;gap:16px;margin-top:24px}.month-card{border:1px solid;border-radius:8px;padding:16px}.month-card.green{background:#f0fdf4;border-color:#bbf7d0}.month-card.orange{background:#fff7ed;border-color:#fed7aa}.month-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.month-icon{font-size:16px}.month-card h3{font-size:16px;font-weight:600;margin:0}.month-card.green h3{color:#052e16}.month-card.orange h3{color:#7c2d12}.month-card p{font-size:14px;margin:0}.month-card.green p{color:#166534}.month-card.orange p{color:#9a3412}.action-box{border:1px solid;border-radius:8px;margin-top:24px;padding:16px}.action-box.green{background:#dcfce7;border-color:#86efac}.action-box.orange{background:#ffedd5;border-color:#fdba74}.action-box p{font-size:14px;margin:0}.action-box.green p{color:#052e16}.action-box.orange p{color:#7c2d12}.benefits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:24px}.benefit-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:16px}.benefit-content{align-items:flex-start;display:flex;gap:12px}.benefit-icon{flex-shrink:0;font-size:20px;margin-top:2px}.benefit-card h3{color:#064e3b;font-size:16px;font-weight:600;margin:0 0 4px}.benefit-card p{color:#065f46;font-size:14px;margin:0}.bottom-line{background:#d1fae5;border:2px solid #6ee7b7;border-radius:8px;margin-top:24px;padding:20px}.bottom-line h3{color:#064e3b;font-weight:600;margin:0 0 8px}.bottom-line p{color:#064e3b;line-height:1.6;margin:0}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.562d02c1.css.map*/