*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#333;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}.container{margin:0 auto;max-width:1400px;padding:32px 40px}@media (max-width:768px){.container{padding:0 10px}}.header{background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 3px #0000001a;color:#333;padding:16px 0}.header-content{justify-content:space-between}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:12px}.logo{height:36px;width:auto}.title{color:#ff6b35;font-size:20px;font-weight:500;margin:0}.month-selector{position:relative}.month-select{background:#fff;border:2px solid #ff6b35;border-radius:6px;color:#333;cursor:pointer;font-size:14px;min-width:140px;padding:8px 16px;transition:all .2s ease}.month-select:hover{background-color:#fff8f6;border-color:#ffa366}.month-select:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.month-select option{background:#fff;color:#333}@media (max-width:768px){.header{padding:12px 0}.header-content{flex-direction:column;gap:12px}.title{font-size:18px}.logo{height:32px}.month-select{font-size:13px;min-width:120px;padding:6px 12px}}.metrics-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.metrics-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.metrics-card:hover{box-shadow:0 4px 12px #00000026}.revenue-card,.usage-card,.user-card{border-left:4px solid #ff6b35}.metrics-title{color:#ff6b35;font-size:16px;font-weight:500;margin-bottom:24px;padding-left:0}.metrics-title:before{display:none}.metrics-grid{display:flex;flex-direction:column;gap:24px}.metric-item{background:#0000;border:none;border-radius:0;padding:0;transition:none}.metric-item:hover{background:#0000;border-color:#0000}.metric-label{color:#666;font-size:14px;font-weight:400;margin-bottom:8px}.metric-value{color:#333;font-size:32px;font-weight:600;line-height:1;margin-bottom:12px}.metric-changes{display:flex;flex-wrap:wrap;gap:16px}.change{background:#0000;border-radius:0;font-size:12px;font-weight:500;padding:0;white-space:nowrap}.change.positive{background:#0000;color:#ff4d4f}.change.negative{background:#0000;color:#52c41a}.change.neutral{background:#0000;color:#999}@media (max-width:1200px){.metrics-cards{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.metrics-cards{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.metrics-card{padding:16px}.metric-value{font-size:24px}.metric-changes{gap:8px}.change{font-size:11px}}.trend-charts{margin-bottom:48px}.charts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.section-title{border-left:none;color:#ff6b35;font-size:20px;font-weight:500;margin:0;padding-left:0}.time-range-selector{background:#f5f5f5;border-radius:6px;box-shadow:none;display:flex;gap:0;padding:2px}.time-range-selector button{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:13px;font-weight:400;padding:6px 12px;transition:all .2s ease}.time-range-selector button:hover{background:#ff6b351a;color:#ff6b35}.time-range-selector button.active{background:#ff6b35;color:#fff;font-weight:500}.charts-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:box-shadow .3s ease}.chart-card:hover{box-shadow:0 2px 8px #00000026;transform:none}.chart-title{color:#666;display:block;font-size:16px;font-weight:500;margin:0 0 20px}.chart-title:before{display:none}.chart-container{height:280px;width:100%}.custom-tooltip{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px}.tooltip-label{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.custom-tooltip p:not(.tooltip-label){font-size:13px;font-weight:500;margin:4px 0}@media (max-width:1200px){.charts-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-header{align-items:flex-start;flex-direction:column;gap:20px}.section-title{font-size:18px}.time-range-selector{justify-content:center;width:100%}.time-range-selector button{flex:1 1;font-size:13px;padding:10px 12px}.charts-grid{gap:20px;grid-template-columns:1fr}.chart-card{padding:20px}.chart-container{height:220px}}.ai-analysis{margin-bottom:48px}.ai-analysis .card{overflow:hidden;padding:0}.ai-header{align-items:center;background:linear-gradient(135deg,#ff6b35,#ffa366);color:#fff;display:flex;font-size:16px;font-weight:500;gap:8px;margin:0;padding:12px 20px}.ai-header:before{content:"🤖";font-size:16px}.analysis-content{min-height:auto;padding:20px;position:relative}.analysis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.analysis-section{background:#fff;border-left:3px solid #ff6b35;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.analysis-section-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.analysis-section-icon{background:#ff6b35;border-radius:50%;height:6px;width:6px}.analysis-section-title{font-size:14px;font-weight:500;margin:0}.analysis-section-content{color:#666;font-size:13px;line-height:1.5}.analysis-section-content ul{margin:0;padding-left:16px}.analysis-section-content li{margin-bottom:4px}.analysis-loading{align-items:center;color:#ff6b35;display:flex;flex-direction:column;height:200px;justify-content:center}.analysis-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffa366;border-radius:50%;border-top-color:#ff6b35;height:32px;margin-bottom:12px;width:32px}.analysis-error{align-items:center;background:#ffebee;border-radius:8px;color:#c62828;display:flex;height:200px;justify-content:center;padding:20px;text-align:center}.analysis-text{color:#333;line-height:1.6}.analysis-text p{font-size:14px;margin-bottom:12px}.analysis-section-title{border-bottom:2px solid #ffa366;color:#ff6b35;display:inline-block;font-size:16px;font-weight:600;margin:20px 0 12px;padding-bottom:8px}.analysis-section-title:first-child{margin-top:0}.analysis-footer{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:0;padding:16px 20px}.footer-buttons{display:flex;gap:12px}.test-btn{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.test-btn:hover:not(:disabled){box-shadow:0 4px 12px #52c41a4d;transform:translateY(-1px)}.refresh-btn{background:linear-gradient(135deg,#ff6b35,#ffa366);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.refresh-btn:disabled,.test-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-result{border-left:4px solid;border-radius:8px;margin-top:16px;padding:16px}.test-result.success{background:#f6ffed;border-color:#52c41a;color:#389e0d}.test-result.error{background:#fff2f0;border-color:#ff4d4f;color:#cf1322}.test-result h4{font-size:14px;margin:0 0 8px}.test-result p{font-size:13px;margin:0 0 8px}.test-result pre{background:#0000000d;border-radius:4px;font-size:11px;margin:8px 0 0;overflow-x:auto;padding:8px}.test-result details{margin-top:8px}.test-result summary{color:#666;cursor:pointer;font-size:12px}.analysis-note{color:#999;font-size:11px;font-style:italic}@media (max-width:768px){.analysis-grid{gap:16px;grid-template-columns:1fr}.analysis-footer{align-items:center;flex-direction:column;gap:12px}.refresh-btn{padding:10px 16px;width:100%}.analysis-section-content{font-size:12px}}.b-metrics{margin-bottom:48px}.b-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.b-metric-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.b-metric-item:before{background:#ff6b35;content:"";height:2px;left:0;position:absolute;right:0;top:0}.b-metric-item:hover{border-color:#ff6b35;box-shadow:0 2px 8px #0000001a;transform:none}.b-metric-item .metric-label{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.b-metric-item .metric-value{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.b-metric-item .metric-changes{display:flex;flex-direction:column;gap:6px}.b-metric-item .change{border-radius:4px;font-size:12px;font-weight:600;padding:3px 8px;text-align:center;white-space:nowrap}.b-metric-item .change.positive{background:#fff2f0;color:#cf1322}.b-metric-item .change.negative{background:#f6ffed;color:#389e0d}.b-metric-item .change.neutral{background:#f5f5f5;color:#666}.b-metrics-summary{background:#f8f9fa;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.summary-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;margin-bottom:16px}.summary-title:before{background:#ff6b35;border-radius:50%;content:"";height:6px;margin-right:8px;width:6px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-item{background:#fff;border:1px solid #ff6b351a;border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.summary-item:hover{border-color:#ff6b3533;box-shadow:0 2px 8px #ff6b351a}.summary-label{color:#666;font-size:13px;font-weight:500;margin-bottom:8px}.summary-value{color:#ff6b35;font-size:20px;font-weight:700}@media (max-width:1200px){.b-metrics-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.b-metrics-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.b-metric-item{padding:20px}.b-metric-item .metric-value{font-size:18px}.b-metric-item .change{font-size:11px;padding:2px 6px}.b-metrics-summary{padding:20px}.summary-grid{gap:12px;grid-template-columns:1fr}.summary-item{padding:12px}.summary-value{font-size:18px}}@media (max-width:480px){.b-metrics-grid{grid-template-columns:1fr}}.App{background-color:#fafafa;min-height:100vh}.loading{align-items:center;color:#ff6b35;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffa366;border-radius:50%;border-top-color:#ff6b35;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:32px;transition:box-shadow .3s ease}.card:hover{box-shadow:0 2px 8px #00000026}.card-title{border-left:none;color:#ff6b35;font-size:18px;font-weight:500;margin-bottom:24px;padding-left:0}@media (max-width:768px){.card{padding:16px}.card,.card-title{margin-bottom:16px}.card-title{font-size:16px}}
/*# sourceMappingURL=main.80dbfd45.css.map*/