.stats-container{display:flex;gap:20px;margin-bottom:32px;justify-content:center;flex-wrap:wrap}.stat-card{flex:1;min-width:160px;max-width:220px;padding:20px 24px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;border:1px solid rgba(139,95,191,.1);box-shadow:0 2px 8px #0000000f;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-label{font-size:13px;color:#666;margin-bottom:8px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.stat-value{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1.2}.stat-value-primary{color:#8b5fbf}.loading-container,.error-container,.empty-container{height:400;display:flex;align-items:center;justify-content:center;padding:40px 20px}.chart-wrapper{margin-top:8px}.loading-container,.error-container,.empty-container{height:400px;display:flex;align-items:center;justify-content:center;padding:40px 20px}.loading-container{color:#666;font-size:16px}.error-container{color:#dc3545;font-size:15px;text-align:center}.empty-container{color:#999;font-size:15px}.chart-title-with-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.filter-controls-inline{display:flex;gap:8px}.filter-button-inline{padding:6px 16px;border:1px solid var(--input-border, #e0e0e0);background-color:var(--background-light, #ffffff);color:var(--text-secondary, #666);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.filter-button-inline:hover{background-color:var(--background, #f5f5f5);border-color:var(--primary, #007bff)}.filter-button-inline.active{background-color:var(--primary, #007bff);color:#fff;border-color:var(--primary, #007bff)}.filter-controls{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.filter-button{padding:8px 20px;border:1px solid var(--input-border, #e0e0e0);background-color:var(--background-light, #ffffff);color:var(--text-secondary, #666);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.filter-button:hover{background-color:var(--background, #f5f5f5);border-color:var(--primary, #007bff)}.filter-button.active{background-color:var(--primary, #007bff);color:#fff;border-color:var(--primary, #007bff)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#154e91,#00244d);position:relative}.login-content{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:40px;background:#fcfcff;padding:40px 24px;border-radius:16px;box-shadow:0 10px 40px #0003}.login-icon{margin-bottom:24px;display:flex;align-items:center;justify-content:center}.logo-image{max-width:120px;max-height:120px;width:auto;height:auto;object-fit:contain}.login-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.login-title{width:100%;text-align:center;color:#181818;font-size:32px;font-weight:800;line-height:32px;margin:0}.login-subtitle{width:100%;text-align:center;color:#181818;font-size:16px;font-weight:600;line-height:16px;margin:0}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.error-message{padding:12px 16px;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#dc3545;font-size:14px;font-weight:600;text-align:center}.email-container{width:100%;display:flex;flex-direction:column;gap:4px}.email-label{text-align:left;color:#16161666;font-size:14px;font-weight:600;line-height:16px}.email-input-container{height:48px;background-color:#1818180a;display:flex;flex-direction:row;align-items:center;padding:0 16px;border-radius:12px}.email-icon{flex-shrink:0}.email-input{flex:1;margin-left:8px;border:none;outline:none;background:transparent;color:#181818;font-size:14px;font-weight:600}.email-input::placeholder{color:#181818b3}.clear-button{margin-left:8px;padding:4px;background:none;border:none;color:#18181880;font-size:16px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:#181818b3}.login-button{width:100%;height:48px;background-color:#5f31c9;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #5f31c933;transition:background-color .2s ease}.login-button:hover:not(.login-button-disabled){background-color:#4d26a8}.login-button-disabled{background-color:#dccdfd;cursor:not-allowed;box-shadow:none}.app{max-width:1400px;margin:0 auto}.app-header{color:#fff;margin-bottom:48px;background:linear-gradient(135deg,#8b5fbf26,#007bff1a);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:20px}.header-logo-section{display:flex;align-items:center;gap:20px;flex:1;min-width:300px}.header-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));border-radius:12px}.header-title-section{display:flex;flex-direction:column;gap:4px}.app-header h1{font-size:36px;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff;letter-spacing:-.5px}.header-subtitle{font-size:16px;opacity:.95;color:#fff;font-weight:500;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.user-info-header{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.user-name{font-size:15px;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.user-email{font-size:13px;opacity:.85;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.header-description{padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.header-description p{font-size:15px;opacity:.9;color:#fff;font-weight:400;margin:0;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.logout-button{padding:10px 20px;background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logout-button:hover{background-color:#ffffff40;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.scenario-bars-wrapper{max-width:1400px;margin:0 auto 30px;padding:0 20px}.charts-container{display:grid;grid-template-columns:1fr;gap:24px}.chart-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(139,95,191,.08);transition:box-shadow .3s ease}.chart-card:hover{box-shadow:0 4px 20px #0000001f}.chart-card h2{color:#1a1a1a;margin-bottom:32px;font-size:22px;font-weight:700;text-align:left;letter-spacing:-.3px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#154e91,#00244d);min-height:100vh;padding:20px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}