.user-panel-container{display:flex;align-items:center;gap:1rem}.login-button{padding:.6rem 1.2rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-button:hover{background-color:#45a049}.login-button:active{transform:scale(.98)}.user-info{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0}.credits-display{display:flex;align-items:center;gap:.5rem;font-weight:500}.credits-label{color:#666;font-size:.9rem}.credits-value{color:#4caf50;font-size:1.2rem;font-weight:700}.user-actions{display:flex;align-items:center;gap:.8rem}.action-button{padding:.6rem 1rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.action-button:hover{background-color:#efefef;border-color:#ccc}.add-credits-btn{color:#ff9800;font-weight:500}.add-credits-btn:hover{background-color:#fff3e0}.user-menu{position:relative}.user-menu-trigger{width:36px;height:36px;border-radius:50%;background-color:#4caf50;color:#fff;border:none;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.user-menu-trigger:hover{background-color:#45a049}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:180px;z-index:1000;display:none}.user-menu:hover .user-menu-dropdown{display:block}.menu-item{padding:.75rem 1rem;cursor:pointer;font-size:.9rem;background:none;border:none;width:100%;text-align:left;transition:background-color .2s ease}.menu-item:hover{background-color:#f5f5f5}.menu-item.user-name{font-weight:600;color:#333;cursor:default}.menu-item.user-name:hover{background-color:#fff}.menu-item.user-email{color:#999;font-size:.85rem;cursor:default}.menu-item.user-email:hover{background-color:#fff}.logout-btn{color:#d32f2f;font-weight:500}.logout-btn:hover{background-color:#ffebee}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;overflow-y:auto;width:90%;max-width:500px;padding:2rem}.modal-content.large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#333}.google-login-wrapper{display:flex;align-items:center;justify-content:center}.login-loading{color:#94a3b8;font-size:.875rem;padding:.5rem 1rem}.login-error-toast{position:fixed;bottom:1rem;right:1rem;background:#ef4444;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:fadeIn .3s ease}.user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.95rem}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{padding:.75rem;background-color:#ffebee;color:#d32f2f;border-radius:4px;font-size:.9rem}.submit-button{padding:.75rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:#45a049}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.credits-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.credit-stat{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#f5f5f5;border-radius:6px;border-left:4px solid #4CAF50}.stat-label{font-size:.85rem;color:#666;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.add-credits-section{margin-bottom:1rem}.add-credits-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.credit-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.credit-package{padding:1rem;border:2px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.credit-package:hover{border-color:#ff9800;background-color:#fff8f0;transform:translateY(-2px);box-shadow:0 4px 8px #ff98001a}.package-amount{font-size:1.3rem;font-weight:700;color:#333}.package-price{font-size:.9rem;color:#666;font-weight:500}.credits-info-text{font-size:.85rem;color:#666;margin:0;text-align:center}.charge-history-section h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.charge-history{max-height:300px;overflow-y:auto}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table thead{background-color:#f5f5f5;position:sticky;top:0}.history-table th{padding:.75rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.history-table td{padding:.75rem;border-bottom:1px solid #eee}.history-table tbody tr:hover{background-color:#f9f9f9}.type-badge{display:inline-block;padding:.25rem .5rem;border-radius:3px;font-size:.8rem;font-weight:500;text-transform:capitalize}.type-credit_purchase{background-color:#e8f5e9;color:#2e7d32}.type-forecast_used{background-color:#e3f2fd;color:#1565c0}.type-backtest_used{background-color:#f3e5f5;color:#6a1b9a}.history-table .positive{color:#2e7d32;font-weight:500}.history-table .negative{color:#d32f2f;font-weight:500}.no-history{padding:1rem;text-align:center;color:#999;font-style:italic;margin:0}@media (max-width: 768px){.user-info{flex-direction:column;gap:1rem;width:100%}.credits-display,.user-actions{width:100%;justify-content:space-between}.modal-content{max-width:90vw;padding:1.5rem}.credit-packages{grid-template-columns:repeat(2,1fr)}.credits-info{grid-template-columns:1fr}}.credits-display-card{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;padding:1rem;color:#fff;box-shadow:0 2px 8px #4caf5033;min-width:200px}.credits-display-card.low-credits{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 2px 8px #ff98004d}50%{box-shadow:0 2px 16px #ff980080}}.credits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.credits-label{font-size:.85rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.credits-amount{font-size:1.8rem;font-weight:700;transition:all .2s ease}.credits-amount.warning{animation:blink .6s infinite}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:.7}}.credits-bar{height:6px;background-color:#ffffff4d;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.credits-bar-fill{height:100%;background-color:#ffffffe6;border-radius:3px;transition:width .3s ease}.credits-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.9}.details-text{font-weight:500}.low-warning{font-weight:600;color:#fff;background-color:#fff3;padding:.2rem .5rem;border-radius:3px}@media (max-width: 768px){.credits-display-card{min-width:160px;padding:.75rem}.credits-amount{font-size:1.4rem}.credits-label,.details-text{font-size:.75rem}}.credit-check-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.credit-check-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:500px;width:90%;padding:2rem}.credit-check-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.credit-check-modal .modal-header h3{margin:0;font-size:1.3rem;color:#333}.credit-check-modal .modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.credit-check-modal .modal-close:hover{color:#333}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner{width:40px;height:40px;border:4px solid #f5f5f5;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#666;margin:0;font-size:.95rem}.error-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.error-icon{font-size:3rem;line-height:1}.error-state p{color:#d32f2f;margin:0;font-size:.95rem}.credit-info-content{display:flex;flex-direction:column;gap:1.5rem}.operation-info{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:#f5f5f5;border-radius:4px}.operation-info .label{font-weight:500;color:#666;min-width:70px}.operation-info .value{font-weight:600;color:#333;font-size:1.1rem;text-transform:uppercase}.credit-status{display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;gap:1rem;padding:1rem;border-radius:6px;border-left:4px solid}.status-item.sufficient{background-color:#e8f5e9;border-color:#4caf50}.status-item.insufficient{background-color:#ffebee;border-color:#d32f2f}.status-icon{font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.status-item.sufficient .status-icon{background-color:#4caf50;color:#fff}.status-item.insufficient .status-icon{background-color:#d32f2f;color:#fff}.status-info{flex:1}.status-label{font-weight:600;color:#333;display:block;margin-bottom:.25rem}.status-message{color:#666;font-size:.9rem}.credit-breakdown{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.breakdown-row .label{color:#666;font-weight:500}.breakdown-row .value{font-weight:600;color:#333;font-size:1.1rem}.breakdown-row .value.available{color:#4caf50}.breakdown-row .value.required{color:#ff9800}.breakdown-row .value.positive{color:#4caf50}.breakdown-row .value.negative{color:#d32f2f}.breakdown-divider{height:1px;background-color:#ddd;margin:.5rem 0}.breakdown-row.remaining{padding-top:.5rem;border-top:1px solid #ddd;font-weight:600}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-primary.disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#efefef;border-color:#ccc}.btn-secondary:disabled{color:#999;cursor:not-allowed}.info-message{padding:.75rem 1rem;background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;color:#e65100;font-size:.9rem;margin-top:.5rem}@media (max-width: 480px){.credit-check-modal{max-width:100%;padding:1.5rem}.credit-check-modal .modal-header h3{font-size:1.1rem}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#f5f5f5}#root{min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button,tr,td{transition:all .15s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}