.page-payment{background:linear-gradient(135deg,#d5ece8,#e8f4f8);background:linear-gradient(135deg,var(--primary-light,#d5ece8) 0,var(--accent-light,#e8f4f8) 100%);min-height:100vh}.page-payment,.page-payment .payment-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.page-payment .payment-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;max-width:500px;padding:3rem;text-align:center;width:90%}.page-payment .payment-container h2{color:#1e293b;margin:1rem 0}.page-payment .payment-container p{color:#475569;line-height:1.5;margin-bottom:2rem}.page-payment .payment-container .redirect-countdown{background-color:#f0fdf4;border-left:4px solid #22c55e;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.page-payment .payment-container .redirect-countdown .countdown-text{color:#15803d;font-size:.95rem;font-weight:500;margin:0}.page-payment .payment-container .redirect-countdown .countdown-number{color:#16a34a;font-size:1.1rem;font-weight:700}.page-payment .payment-container .icon-success{color:#22c55e;font-size:4rem;margin-bottom:1rem}.page-payment .payment-container .icon-cancelled{color:#ef4444;font-size:4rem;margin-bottom:1rem}.page-payment .payment-container .btn-primary{background-color:#4f7490;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:background-color .2s}.page-payment .payment-container .btn-primary:hover{background-color:#3e5c76}:root{--primary-dark:#1a2c45;--primary-light:#d5ece8;--accent-teal:#4a9b8e;--accent-light:#e8f4f8;--text-dark:#2c3e50;--text-light:#7f8c8d;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--white:#fff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6}html{background-color:#1a2c45;background-color:var(--primary-dark)}body{background:linear-gradient(135deg,#d5ece8,#e8f4f8);background:linear-gradient(135deg,var(--primary-light) 0,var(--accent-light) 100%);color:#2c3e50;color:var(--text-dark);font-family:Segoe UI;font-family:var(--user-style-font-name,"Segoe UI");line-height:1.6;margin:0;min-height:100vh;padding:0}.loading-spinner{border:3px solid #e9ecef;border-top:3px solid #4a9b8e;border:3px solid var(--gray-200);border-top-color:var(--accent-teal);height:20px;margin-right:.5rem;width:20px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--white);display:inline-block;height:12px;width:12px}.btn{background:#4a9b8e;background:var(--accent-teal);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s}.page-footer{background:#1a2c45;background:var(--primary-dark);border-top:3px solid #4a9b8e;border-top:3px solid var(--accent-teal);margin-top:3rem;padding:2rem 0;text-align:center;width:100%}.page-footer p{color:#fff;color:var(--white);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;opacity:.9}.page-footer p:before{content:"✨";margin-right:.5rem}.page-footer p:after{content:"✨";margin-left:.5rem}.page-footer{animation:gradient-shift 8s ease infinite;background-size:200% 200%}.error-message,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.error-message .loading-spinner,.loading-state .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a9b8e;height:40px;margin-bottom:1rem;width:40px}.error-message{color:#721c24;font-size:1.1rem;margin-bottom:1rem}.form-error{background:#ffebee;border:1px solid #f5c6cb;border-left:4px solid #e74c3c;border-left:4px solid var(--danger);border-radius:6px;color:#e74c3c;color:var(--danger);font-size:.95rem;line-height:1.4;margin:.5rem 0 1rem;padding:.5rem .75rem}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header{background:#1a2c45;background:var(--primary-dark);box-shadow:0 2px 10px #0000001a;color:#fff;color:var(--white);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo{color:#d5ece8;color:var(--primary-light);font-size:1.5rem;font-weight:700}.nav-links{align-items:center;display:flex;flex-wrap:nowrap;gap:2rem}.nav-link{background:none;border:none;color:#fff;color:var(--white);cursor:pointer;flex-shrink:0;font-size:.9rem;padding:.5rem 0;text-decoration:none;transition:color .3s;white-space:nowrap}.nav-link.active,.nav-link:hover{color:#d5ece8;color:var(--primary-light)}.nav-link.active{font-weight:600}.nav-icon-btn{align-items:center;background:none;border:none;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:color .3s,transform .2s}.nav-icon-btn:hover{color:#d5ece8;color:var(--primary-light);transform:rotate(45deg)}.nav-icon-btn.active{color:#4a9b8e;color:var(--accent-teal)}.dropdown-container{display:inline-block;flex-shrink:0}.dropdown-toggle{padding:.5rem 0}.dropdown-toggle .dropdown-arrow{font-size:.7rem;transition:transform .3s}.dropdown-toggle:hover .dropdown-arrow{transform:translateY(2px)}.dropdown-menu{background:var(--white);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;min-width:180px;overflow:hidden;z-index:1001}.dropdown-item{color:#2c3e50;color:var(--text-dark);font-size:.9rem;transition:background-color .2s,color .2s;white-space:nowrap}.dropdown-item:hover{background-color:#f8f9fa;background-color:var(--gray-100);color:#1a2c45;color:var(--primary-dark)}.dropdown-item:not(:last-child){border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300)}.user-section{border-left:1px solid #fff3;gap:1rem;margin-left:auto;padding-left:2rem}.user-profile,.user-section{align-items:center;display:flex;flex-shrink:0}.user-profile{gap:.75rem}.user-avatar{align-items:center;background:#d5ece8;background:var(--primary-light);border-radius:50%;color:#1a2c45;color:var(--primary-dark);display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;justify-content:center;min-height:36px;min-width:36px;text-transform:uppercase;width:36px}.user-name{font-size:.9rem;font-weight:500}.logout-button,.user-name{color:#fff;color:var(--white);flex-shrink:0;white-space:nowrap}.logout-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s}.logout-button:hover{background:#fff3;border-color:#ffffff4d;color:#d5ece8;color:var(--primary-light)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.container .page{padding:2rem 0}.container .page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.container .page .page-header .page-title{color:#1a2c45;font-size:2rem;margin:0 0 .5rem;text-align:left}.container .page .page-header .page-subtitle{color:#6c757d;margin:0;text-align:left}.container .page .page-header .title-container{display:inline-block;position:relative}.container .page .page-header .title-container .tooltip{background-color:#2c3e50;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;left:0;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:left;top:calc(100% + 6px);transform:translateY(0);transition:opacity .3s ease,transform .3s ease;visibility:hidden;width:320px;z-index:10}.container .page .page-header .title-container .tooltip:after{border:6px solid;border-color:#0000 #0000 #2c3e50;bottom:100%;content:"";left:16px;position:absolute}.container .page .page-header .title-container .tooltip .tooltip-title{color:#ecf0f1;font-size:1rem;font-weight:700;margin-bottom:8px}.container .page .page-header .title-container .tooltip .tooltip-description{color:#bdc3c7;font-size:.9rem;line-height:1.4}.container .page .page-header .title-container:hover .tooltip{opacity:1;transform:translateY(4px);visibility:visible}.container .page .page-header .btn{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.container .page .page-header .btn.btn-secondary{background-color:#6c757d;color:#fff}.container .page .page-header .btn.btn-secondary:hover{background-color:#5a6268}.container .page .stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.container .page .stats-grid .stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;position:relative;text-align:center}.container .page .stats-grid .stat-card .tooltip{background-color:#2c3e50;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;left:50%;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:left;top:calc(100% + 10px);transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;visibility:hidden;width:280px;z-index:10}.container .page .stats-grid .stat-card .tooltip:after{border:6px solid;border-color:#0000 #0000 #2c3e50;bottom:100%;content:"";left:50%;margin-left:-6px;position:absolute}.container .page .stats-grid .stat-card .tooltip .tooltip-title{color:#ecf0f1;font-size:1rem;font-weight:700;margin-bottom:8px}.container .page .stats-grid .stat-card .tooltip .tooltip-description{color:#bdc3c7;font-size:.9rem;line-height:1.4}.container .page .stats-grid .stat-card:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(5px);visibility:visible}.container .page .stats-grid .stat-card .stat-number{color:#1a2c45;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.container .page .stats-grid .stat-card .stat-label{color:#6c757d;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.container .page .stats-grid .stat-card .metric-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.container .page .stats-grid .stat-card .metric-status.excellent{background-color:#d4edda;color:#155724}.container .page .stats-grid .stat-card .metric-status.good{background-color:#cce7ff;color:#004085}.container .page .stats-grid .stat-card .metric-status.fair{background-color:#fff3cd;color:#856404}.container .page .stats-grid .stat-card .metric-status.poor{background-color:#f8d7da;color:#721c24}.container .page .charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.container .page .charts-section .chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:visible;padding:2.5rem 1.5rem;transition:transform .3s,box-shadow .3s}.container .page .charts-section .chart-container:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.container .page .charts-section .chart-container .chart-title{color:#1a2c45;font-size:1.4rem;font-weight:600;margin-bottom:2rem;text-align:center}.container .page .charts-section .chart-container .chart-wrapper{align-items:center;display:flex;justify-content:center;min-height:400px;padding:1rem 0}.container .page .charts-section .chart-container.chart-full-width{grid-column:1/-1}.container .page .charts-section .chart-container.chart-full-width .chart-wrapper{min-height:450px;padding:1rem 0}.container .page .charts-section .chart-container.chart-half-width{grid-column:span 1}.container .page .charts-section .chart-container.chart-half-width .chart-wrapper{min-height:350px;padding:1rem 0}@media(max-width:992px){.container .page .charts-section{grid-template-columns:1fr}.container .page .charts-section .chart-container.chart-full-width,.container .page .charts-section .chart-container.chart-half-width{grid-column:1}}.container .page .layout-option-1,.container .page .layout-option-2,.container .page .layout-option-3{display:none}.container .page .metrics-explanation{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.container .page .metrics-explanation .explanation-title{color:#1a2c45;font-size:1.3rem;margin-bottom:2rem}.container .page .metrics-explanation .insights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.container .page .metrics-explanation .insights-grid .metric-card .insight-title{color:#4a9b8e;font-size:1rem;margin-bottom:1rem}.container .page .metrics-explanation .insights-grid .metric-card .insight-text{color:#6c757d;line-height:1.6;margin:0}.container .page .metrics-explanation .insights-grid .metric-card .insight-text strong{color:#1a2c45}.container .page .model-values-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.container .page .model-values-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.container .page .model-values-group h4{border-bottom:2px solid #6d28d9;color:#111827;font-size:1.1rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.container .page .model-values-group .model-list{list-style:none;margin:0;padding:0}.container .page .model-values-group .model-list li{border-bottom:1px solid #f3f4f6;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.container .page .model-values-group .model-list li:last-child{border-bottom:none}.container .page .model-values-group .model-list li strong{color:#4b5563;font-weight:500}.container .page .model-values-group .model-list li span{color:#1f2937;font-weight:600}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.nav-links{flex-wrap:wrap;justify-content:center}}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.status-complete,.status-completed{background-color:#27ae6026;border:1px solid #27ae604d;color:#27ae60;color:var(--success)}.status-in-progress{background-color:#f39c1226;border:1px solid #f39c124d;color:#f39c12;color:var(--warning)}.status-requested{background-color:#3498db26;border:1px solid #3498db4d;color:#3498db}.status-canceled,.status-failed{background-color:#e74c3c26;border:1px solid #e74c3c4d;color:#e74c3c;color:var(--danger)}.status-waiting-for-processing{background-color:#3498db26;border:1px solid #3498db4d;color:#3498db}.status-generation-in-progress{background-color:#f39c1226;border:1px solid #f39c124d;color:#f39c12;color:var(--warning)}.status-waiting-for-approval{background-color:#9b59b626;border:1px solid #9b59b64d;color:#9b59b6}.status-approved{background-color:#1abc9c26;border:1px solid #1abc9c4d;color:#1abc9c}.status-approved-and-sent{background-color:#27ae6026;border:1px solid #27ae604d;color:#27ae60;color:var(--success)}*{box-sizing:border-box;font-style:normal;margin:0;padding:0}:root{--user-style-font-name:"Roboto",sans-serif;--user-style-header-background-color:unset;--user-style-header-font-color:unset;--user-style-panel-background-color:unset;--user-style-sidebar-background-color:unset;--user-style-sidebar-font-color:unset;--user-style-command-button-background-color:unset;--user-style-command-button-font-color:unset;--font-weight-normal:400;--font-weight-bold:500;--font-weight-bolder:600;--base-font-size:18px;--base-line-height:1.2;--base-letter-spacing:-0.005em}*{font-family:var(--user-style-font-name);font-size:var(--base-font-size);font-weight:var(--font-weight-normal);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height)}.MuiFormHelperText-root,.MuiInputBase-input,.MuiInputLabel-root,.MuiTableCell-head,.MuiTableCell-root{font-family:var(--user-style-font-name)!important}.dropdown-container{position:relative}.dropdown-toggle{align-items:center;display:flex;gap:.5rem}.dropdown-arrow{font-size:12px;transition:transform .3s ease}.dropdown-container:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.5rem;min-width:200px;position:absolute;top:100%;z-index:1000}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}.dropdown-item:hover{background:#f5f5f5}.dropdown-item:first-child{border-radius:4px 4px 0 0}.dropdown-item:last-child{border-radius:0 0 4px 4px}.upload-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.upload-dialog{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;max-width:500px;width:90%}.upload-dialog-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.upload-dialog-header h3{color:#333;font-size:1.25rem;margin:0}.close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;width:24px}.close-button:hover{color:#333}.upload-dialog-content{padding:1.5rem}.file-input-section{margin-bottom:1rem}.file-input-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.file-input{border:2px dashed #ddd;border-radius:4px;cursor:pointer;padding:.75rem;transition:border-color .3s ease;width:100%}.file-input:hover{border-color:#64b5f6}.selected-file-info{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem}.file-icon{font-size:1.2rem}.file-name{color:#333;flex:1 1;font-weight:500}.file-size{color:#666;font-size:.9rem}.error-message{background:#ffebee;border-left:4px solid #f44336;border-radius:4px;color:#c62828;margin-top:1rem;padding:.75rem}.upload-dialog-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.cancel-button,.upload-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button{background:#f5f5f5;color:#333}.cancel-button:hover:not(:disabled){background:#e0e0e0}.upload-button{background:#64b5f6;color:#fff}.upload-button:hover:not(:disabled){background:#42a5f5}.cancel-button:disabled,.upload-button:disabled{cursor:not-allowed;opacity:.6}.auth-callback-container{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0,var(--accent-teal) 100%);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.auth-content{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--primary-light);border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem 2rem;text-align:center;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.auth-spinner{animation:authSpin 1s linear infinite;border-top:4px solid var(--accent-light);border:4px solid var(--accent-light);border-radius:50%;border-top-color:var(--primary-dark);height:60px;margin:0 auto 1.5rem;width:60px}@keyframes authSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.auth-title.error{color:#e74c3c}.auth-title.success{color:#27ae60}.auth-message{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1rem}.auth-error-details{background:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#c00;font-family:monospace;font-size:.875rem;margin:1rem 0;padding:.75rem;word-break:break-word}.auth-error-icon,.auth-success-icon{font-size:3rem;margin-bottom:1rem}.auth-success-icon{animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.auth-retry-button{background:linear-gradient(135deg,var(--primary-dark) 0,var(--accent-teal) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.auth-retry-button:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.auth-retry-button:active{transform:translateY(0)}.auth-loading-dots{display:inline-block;margin-left:.5rem}.auth-loading-dots:after{animation:dots 1.5s steps(4) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner--small{border-width:2px;height:16px;width:16px}.loading-spinner--medium{border-width:3px;height:24px;width:24px}.loading-spinner--large{border-width:4px;height:40px;width:40px}.loading-spinner--primary{border:3px solid #e3f2fd;border-top-color:#667eea}.loading-spinner--white{border:3px solid #ffffff4d;border-top-color:#fff}.loading-spinner--gray{border:3px solid #f0f0f0;border-top-color:#666}.loading-spinner--small.loading-spinner--gray,.loading-spinner--small.loading-spinner--primary,.loading-spinner--small.loading-spinner--white{border-width:2px}.loading-spinner--large.loading-spinner--gray,.loading-spinner--large.loading-spinner--primary,.loading-spinner--large.loading-spinner--white{border-width:4px}.spinner-margin-right{margin-right:8px}.spinner-margin-left{margin-left:8px}
/*# sourceMappingURL=main.1b80267f.css.map*/