@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.01em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:#f7f6f3;color:#151515;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app{animation:fadeIn 1s ease-out;display:flex;min-height:100vh}.sidebar{background:#2b555a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px}.sidebar-header{border-bottom:1px solid #ffffff1f;padding:32px 28px}.logo{align-items:center;display:flex;gap:12px}.logo-icon{align-items:center;background:#ffffff26;border-radius:0;display:flex;height:36px;justify-content:center;letter-spacing:.02em;width:36px}.logo-icon,.logo-text h1{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600}.logo-text h1{letter-spacing:.04em;margin:0}.logo-text p{color:#ffffff8c;font-size:11px;font-weight:400;letter-spacing:.12em;margin:2px 0 0;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:24px 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:0;color:#ffffffa6;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:12px;letter-spacing:.07em;padding:14px 16px;text-align:left;text-transform:uppercase;transition:all .25s ease;width:100%}.nav-button:hover{background:#ffffff14;color:#fff}.nav-button.active{background:#ffffff1f;border-left:2px solid #fff;color:#fff}.nav-icon{font-size:16px;height:20px;opacity:.8;width:20px}.sidebar-footer{border-top:1px solid #ffffff1f;color:#ffffff59;font-size:10px;letter-spacing:.1em;padding:20px 16px;text-align:center;text-transform:uppercase}.main-content{flex:1 1;margin-left:260px;padding:48px 56px}.page-header{margin-bottom:48px}.page-header h1{color:#151515;font-family:Georgia,Times New Roman,serif;font-size:36px;font-weight:500;letter-spacing:-.01em;margin:0 0 8px}.page-header p{color:#7a7a7a;font-size:14px;font-weight:300;letter-spacing:.02em;margin:0}.prediction-section{background:#fff;border:1px solid #e2e2e2;border-radius:0;margin-bottom:32px;padding:32px}.prediction-form{display:flex;flex-direction:column;gap:20px}.form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.form-section-label{color:#9a9a9a;font-size:10px;font-weight:500;letter-spacing:.14em;margin-top:8px;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:#5c5c5c;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.input-field{background:#faf9f7;border:1px solid #d4d0cb;border-radius:0;color:#151515;font-family:Inter,sans-serif;font-size:14px;padding:14px 16px;transition:border-color .3s ease}.input-field:focus{background:#fff;border-color:#2b555a;outline:none}.input-field::placeholder{color:#b5b0a8;font-weight:300}.predict-button{background:#2b555a;border:none;border-radius:0;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;padding:14px 32px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.predict-button:hover{background:#1e3f43}.predict-button:disabled{background:#c4c0b9;cursor:not-allowed}.prediction-results{border-top:1px solid #e2e2e2;margin-top:32px;padding-top:32px}.prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.prediction-header h3{color:#151515;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500;margin:0}.close-button{align-items:center;background:#0000;border:1px solid #e2e2e2;border-radius:0;color:#9a9a9a;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .25s ease;width:32px}.close-button:hover{background:#f7f6f3;border-color:#151515;color:#151515}.prediction-summary{margin-bottom:28px}.total-prediction{background:#2b555a;border-radius:0;padding:32px;text-align:center}.total-label{color:#fff9;font-size:10px;font-weight:500;letter-spacing:.14em;margin:0 0 8px;text-transform:uppercase}.total-value{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:500;letter-spacing:-.01em;margin:0}.prediction-breakdown{display:flex;flex-direction:column;gap:12px}.prediction-item{background:#faf9f7;border:1px solid #e2e2e2;border-radius:0;padding:20px}.prediction-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.category-name{color:#151515;font-size:14px;font-weight:500;letter-spacing:.02em}.category-sales{color:#2b555a;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.prediction-item-details{align-items:center;display:flex;font-size:13px;gap:16px}.category-selector{margin-bottom:32px}.category-tabs{background:#fff;border:1px solid #e2e2e2;border-radius:0;display:inline-flex;padding:0}.tab-button{background:none;border:none;border-radius:0;border-right:1px solid #e2e2e2;color:#7a7a7a;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:.07em;padding:14px 28px;text-transform:uppercase;transition:all .25s ease}.tab-button:last-child{border-right:none}.tab-button:hover{background:#faf9f7;color:#151515}.tab-button.active{background:#2b555a;color:#fff}.card{background:#fff;border:1px solid #e2e2e2;border-radius:0;margin-bottom:32px;padding:32px}.card-title{color:#151515;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500;margin:0 0 8px}.card-subtitle{color:#9a9a9a;font-size:13px;font-weight:300;letter-spacing:.02em;margin:0 0 28px}.chart{margin:28px 0}.chart-bars{align-items:flex-end;border-bottom:1px solid #d4d0cb;border-left:1px solid #d4d0cb;display:flex;gap:20px;height:300px;padding:20px 0}.bar-wrapper{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.bar{background:#8fb8bc;border-radius:0;position:relative;transition:background .3s ease;width:100%}.bar:hover{background:#5a9399}.bar.selected{background:#2b555a}.bar-value{color:#5c5c5c;font-size:12px;font-weight:500;left:50%;letter-spacing:.02em;position:absolute;top:-28px;transform:translateX(-50%);white-space:nowrap}.bar-label{color:#9a9a9a;font-size:11px;font-weight:500;letter-spacing:.08em;margin-top:12px;text-transform:uppercase}.stats-grid{display:flex;gap:20px;margin-top:28px}.stat-card{border:1px solid;border-radius:0;flex:1 1;padding:24px}.stat-card.highest{background:#f2f7f5;border-color:#c4d9d0}.stat-card.lowest{background:#f9f5f0;border-color:#ddd4c8}.stat-label{font-size:10px;font-weight:500;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.stat-card.highest .stat-label{color:#3d6b5e}.stat-card.lowest .stat-label{color:#8b7355}.stat-value{font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500;margin:0}.stat-card.highest .stat-value{color:#2b555a}.stat-card.lowest .stat-value{color:#6b5940}.stat-detail{font-size:13px;font-weight:300;margin:6px 0 0}.stat-card.highest .stat-detail{color:#3d6b5e}.stat-card.lowest .stat-detail{color:#8b7355}.horizontal-chart{margin:28px 0}.h-bar-item{align-items:center;display:flex;margin-bottom:16px}.h-bar-label{color:#5c5c5c;font-size:12px;font-weight:400;letter-spacing:.02em;width:150px}.h-bar-track{background:#f2f1ee;border-radius:0;flex:1 1;height:40px;margin:0 12px;position:relative}.h-bar{align-items:center;background:#2b555a;border-radius:0;color:#fff;display:flex;font-size:13px;font-weight:500;height:100%;justify-content:flex-end;letter-spacing:.02em;padding-right:14px;transition:width .4s ease}.data-table{border-collapse:collapse;margin-top:28px;width:100%}.data-table thead th{border-bottom:1px solid #d4d0cb;color:#9a9a9a;font-size:10px;font-weight:500;letter-spacing:.1em;padding:14px 20px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #f0eeea;transition:background .25s ease}.data-table tbody tr:hover{background:#faf9f7}.data-table tbody tr.selected{background:#f2f7f5}.data-table td{color:#5c5c5c;font-size:14px;font-weight:300;padding:16px 20px}.data-table td.month{color:#151515;font-weight:500;letter-spacing:.02em}.yoy-cell{align-items:center;display:flex;gap:8px}.yoy-positive{color:#3d6b5e}.yoy-negative{color:#8b4049}.yoy-neutral{color:#9a9a9a}.action-badge{border-radius:0;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.08em;padding:6px 16px;text-transform:uppercase}.action-badge.increase{background:#f2f7f5;border:1px solid #c4d9d0;color:#3d6b5e}.action-badge.reduce{background:#faf2f3;border:1px solid #e0c8cb;color:#8b4049}.action-badge.maintain{background:#f9f5f0;border:1px solid #ddd4c8;color:#8b7355}.insight-card{background:#fff;border:1px solid #e2e2e2;border-radius:0;margin-bottom:32px;padding:36px}.insight-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:28px}.insight-icon{align-items:center;border-radius:0;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.insight-icon.blue{background:#e8f0f1}.insight-icon.green{background:#e8f0ed}.insight-icon.orange{background:#f3ede4}.insight-icon.emerald{background:#e4f0eb}.insight-title-text h2{color:#151515;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500;margin:0}.insight-title-text p{color:#9a9a9a;font-size:13px;font-weight:300;letter-spacing:.02em;margin:4px 0 0}.insight-points{margin-top:28px}.insight-point{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.point-number{align-items:center;background:#2b555a;border-radius:0;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:28px;justify-content:center;margin-top:2px;width:28px}.insight-point p{color:#5c5c5c;font-weight:300;line-height:1.7;margin:0}.month-grid{grid-gap:16px;display:grid;gap:16px;margin-top:28px}.month-card{border:1px solid;border-radius:0;padding:24px}.month-card.green{background:#f2f7f5;border-color:#c4d9d0}.month-card.orange{background:#f9f5f0;border-color:#ddd4c8}.month-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.month-icon{font-size:16px;opacity:.7}.month-card h3{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600;margin:0}.month-card.green h3{color:#2b555a}.month-card.orange h3{color:#6b5940}.month-card p{font-size:14px;font-weight:300;line-height:1.6;margin:0}.month-card.green p{color:#3d6b5e}.month-card.orange p{color:#8b7355}.action-box{border:1px solid;border-radius:0;margin-top:24px;padding:20px}.action-box.green{background:#e8f0ed;border-color:#b8d4c7}.action-box.orange{background:#f3ede4;border-color:#d9cdbf}.action-box p{font-size:14px;font-weight:300;line-height:1.6;margin:0}.action-box.green p{color:#2b555a}.action-box.orange p{color:#6b5940}.benefits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:28px}.benefit-card{background:#f2f7f5;border:1px solid #c4d9d0;border-radius:0;padding:24px}.benefit-content{align-items:flex-start;display:flex;gap:14px}.benefit-icon{flex-shrink:0;font-size:20px;margin-top:2px;opacity:.7}.benefit-card h3{color:#2b555a;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:600;margin:0 0 6px}.benefit-card p{color:#5c5c5c;font-size:13px;font-weight:300;line-height:1.5;margin:0}.bottom-line{background:#2b555a;border:none;border-radius:0;margin-top:28px;padding:28px}.bottom-line h3{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500;margin:0 0 10px}.bottom-line p{color:#ffffffbf;font-size:14px;font-weight:300;line-height:1.7;margin:0}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr}.main-content{margin-left:0;padding:24px 20px}.sidebar{display:none}}
/*# sourceMappingURL=main.2a45aaa4.css.map*/