:root{--main-blue-3: #1c86f0;--main-blue-2: #3b9df5;--main-blue-1: #e8f4fd;--main-gray-1: #eff3f6;--main-gray-2: #dfe7ed;--main-gray-3: #c5d0d8;--main-gray-4: #9ba6af;--main-gray-5: #6b7780;--main-gray-6: #3d4144;--main-danger: #eb4d49;--main-warning: #f5a623;--main-success: #4caf50;--input-border-radius: 5px;--card-border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;color:var(--main-gray-6);background-color:var(--main-gray-1);line-height:1.5}.app-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--main-gray-2);flex-shrink:0}.header-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--main-gray-6)}.header-title svg{color:var(--main-blue-3)}.header-info{display:flex;align-items:center;gap:20px}.header-info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--main-gray-5)}.header-info-item span:last-child{color:var(--main-gray-6);font-weight:500}.chart-container{flex:1;padding:16px;overflow:hidden;display:flex;flex-direction:column}.chart-wrapper{flex:1;background:#fff;border-radius:var(--card-border-radius);border:1px solid var(--main-gray-2);padding:16px;display:flex;flex-direction:column}.chart-title{font-size:14px;font-weight:600;color:var(--main-gray-6);margin-bottom:12px}.chart-area{flex:1;min-height:0}.app-footer{padding:8px 16px;text-align:center;font-size:11px;color:var(--main-gray-4);background:#fff;border-top:1px solid var(--main-gray-2);flex-shrink:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--main-gray-2);border-top-color:var(--main-blue-3);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--main-gray-5)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;padding:24px;text-align:center}.error-icon{color:var(--main-danger)}.error-message{font-size:14px;color:var(--main-danger);max-width:400px}.standalone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;padding:32px;text-align:center;background:linear-gradient(135deg,#f8fafc,#e8f4fd)}.standalone-logo{width:80px;height:80px;color:var(--main-blue-3)}.standalone-title{font-size:24px;font-weight:600;color:var(--main-gray-6)}.standalone-subtitle{font-size:14px;color:var(--main-gray-5);max-width:400px;line-height:1.6}.chart-tooltip{background:#fff;border:1px solid var(--main-gray-2);border-radius:6px;padding:10px 14px;box-shadow:0 2px 8px #0000001a}.chart-tooltip-label{font-size:13px;font-weight:600;color:var(--main-gray-6);margin-bottom:6px}.chart-tooltip-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--main-gray-5);margin-top:4px}.chart-tooltip-color{width:10px;height:10px;border-radius:2px}.chart-tooltip-value{font-weight:600;color:var(--main-gray-6)}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--main-gray-4)}.no-data-icon{opacity:.5}.no-data-text{font-size:14px}