.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-lg)}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.factory-bg{width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(244,114,182,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.15) 0%,transparent 50%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.login-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);width:100%;max-width:420px;position:relative;z-index:1;animation:slideUp var(--transition-slow)}.login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{font-size:2.5rem}.logo h1{font-size:1.75rem;background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.language-btn{background:var(--bg-panel);color:var(--text-light);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;transition:all var(--transition-fast)}.language-btn:hover{background:var(--primary-teal)}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:500;color:var(--text-primary)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.error-message{background:#fef2f2;border:1px solid var(--accent-red);color:var(--accent-red);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.login-features{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.feature{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.75rem}.feature-icon{font-size:1.5rem}.header{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);color:var(--text-light);padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:50}.header-left,.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.team-info{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff1a;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full)}.team-label{font-size:.75rem;opacity:.8}.team-name{font-weight:600}.header-center{position:absolute;left:50%;transform:translate(-50%)}.day-counter{background:#0003;padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem}.day-counter strong{font-size:1.1rem}.header-btn{background:#ffffff1a;border:none;color:var(--text-light);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;transition:all var(--transition-fast)}.header-btn:hover{background:#fff3}.pause-btn{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--radius-full)}.pause-btn.paused{background:var(--accent-green)}.supply-chain-panel{display:flex;flex-direction:column;height:100%}.supply-chain-panel .panel-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.info-btn{background:#fff3!important;width:28px;height:28px}.info-btn:hover{background:#ffffff4d!important}.tank-container{display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(to bottom,#e5e7eb,#d1d5db);border-radius:var(--radius-md);min-height:160px;position:relative}.syrup-tank{width:100px;height:130px;background:linear-gradient(to bottom,#9ca3af,#9ca3af 15%,#f3f4f6 15%);border-radius:var(--radius-lg);border:3px solid #6b7280;position:relative;overflow:hidden}.syrup-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#ec4899,#f472b6,#f9a8d4);transition:height .5s ease;border-radius:0 0 calc(var(--radius-lg) - 3px) calc(var(--radius-lg) - 3px)}.tank-pipe-out{position:absolute;right:-20px;bottom:30px;width:20px;height:8px;background:#6b7280;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tank-pipe-out:after{content:"";position:absolute;right:-30px;top:-6px;width:30px;height:20px;border:4px solid #6b7280;border-left:none;border-radius:0 10px 10px 0}.raw-material-balls{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:var(--spacing-sm)}.material-ball{width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#fda4af,#f472b6,#db2777);border-radius:50%;box-shadow:inset -2px -2px 4px #0003}.stats-list{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-divider{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0}.stat .highlight{color:var(--primary-teal);font-size:1.1rem}.stat .highlight small{font-size:.7rem;color:var(--text-secondary);font-weight:400}.production-panel{display:flex;flex-direction:column;height:100%}.production-panel .panel-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:auto}.factory-visual{background:linear-gradient(to bottom,#e5e7eb,#d1d5db);border-radius:var(--radius-md);padding:var(--spacing-lg);min-height:180px;display:flex;align-items:center;justify-content:center}.production-line{display:flex;align-items:center;gap:var(--spacing-sm)}.station-visual{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:80px}.station-icon{font-size:2rem}.station-name{font-size:.7rem;color:var(--text-secondary);text-align:center}.bottles-row{display:flex;gap:4px;padding:var(--spacing-xs)}.bottle{width:18px;height:32px;border-radius:3px 3px 6px 6px;position:relative}.bottle:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:6px;background:inherit;border-radius:2px 2px 0 0}.crates-stack{display:flex;flex-direction:column;gap:2px}.crate{width:50px;height:35px;background:linear-gradient(to bottom,#60a5fa,#3b82f6);border-radius:var(--radius-sm);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:3px}.crate .bottle-mini{background:#fff6;border-radius:2px}.pipe-segment{width:40px;height:6px;background:#9ca3af;border-radius:var(--radius-full);position:relative;overflow:hidden}.pipe-flow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-teal-light),transparent);animation:flow 1.5s infinite}.total-production{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);color:var(--text-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.total-production .label{font-size:.875rem}.total-production .value{font-size:1.25rem;font-weight:700}.stations-table{flex:1;overflow:auto}.station-cell{font-weight:500}.active-select{padding:2px 6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;background:var(--bg-card)}.btn-sm{padding:4px 10px;font-size:.875rem}.demand-panel{display:flex;flex-direction:column;height:100%}.demand-panel .panel-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.cash-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--accent-green);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.cash-label{font-size:1.25rem;color:var(--accent-green);font-weight:600}.action-buttons{display:flex;gap:var(--spacing-sm)}.action-btn{flex:1;padding:var(--spacing-sm);font-size:.75rem;gap:var(--spacing-xs)}.crates-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(to bottom,#e5e7eb,#d1d5db);border-radius:var(--radius-md);min-height:100px;justify-items:center;align-items:center}.crates-visual .crate{width:50px;height:35px;background:linear-gradient(to bottom,#60a5fa,#3b82f6);border-radius:var(--radius-sm);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:3px;box-shadow:var(--shadow-sm)}.crates-visual .bottle-mini{background:#fff6;border-radius:2px}.contracts-modal{width:700px;max-width:95vw}.contracts-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-lg);min-height:300px}.contracts-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.contract-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#f9fafb;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.contract-item:hover{border-color:var(--primary-teal)}.contract-item.active{background:#f0fdf4;border-color:var(--accent-green)}.contract-icon{font-size:1.5rem}.contract-summary{flex:1;min-width:0}.contract-name{font-weight:600;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-brief{font-size:.7rem;color:var(--text-secondary)}.contract-dates{font-size:.65rem;color:var(--text-muted)}.contract-status{font-size:1.25rem}.no-contracts{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}.contract-details{background:#f9fafb;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.contract-details h3{margin-bottom:var(--spacing-md);color:var(--primary-teal-dark)}.objective-box{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.objective-box h4{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.objective-box p{font-size:.9rem;line-height:1.5}.detail-rows{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md)}.detail-row.warning{background:#fef3c7;border:1px solid var(--accent-yellow)}.detail-value{font-weight:600}.btn-accept{width:100%;padding:var(--spacing-md);font-size:1rem}@media (max-width: 600px){.contracts-layout{grid-template-columns:1fr}}.performance-modal{width:900px;max-width:95vw}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.chart-container{background:#f9fafb;border-radius:var(--radius-md);padding:var(--spacing-md)}.chart-container h4{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.chart-wrapper{height:180px}@media (max-width: 700px){.charts-grid{grid-template-columns:1fr}}.raw-material-modal{width:500px;max-width:95vw}.modal-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.input-group .input{font-size:1.25rem;font-weight:600;text-align:center}.consider-section{background:#f9fafb;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.consider-section h4{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.info-value.cash{font-size:1.25rem;font-weight:700;color:var(--primary-teal)}.lead-time-box{background:#fef3c7;border:1px dashed var(--accent-yellow);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem;margin-bottom:var(--spacing-md)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-cell{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:2px}.info-cell.highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid var(--accent-green)}.info-label{font-size:.7rem;color:var(--text-secondary)}.info-value{font-weight:600}.total-cost{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);font-weight:600}.btn-update{width:100%;padding:var(--spacing-md);font-size:1rem;text-transform:uppercase}.game-over-modal{width:400px;max-width:95vw;text-align:center}.game-over-modal .modal-header.bankrupt{background:linear-gradient(135deg,var(--accent-red) 0%,#dc2626 100%)}.game-over-modal .modal-header.success{background:linear-gradient(135deg,var(--accent-green) 0%,#16a34a 100%)}.result-icon{font-size:5rem;margin-bottom:var(--spacing-md);animation:bounce 1s ease infinite}.game-over-modal h2{margin-bottom:var(--spacing-lg)}.final-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.final-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.final-stat .stat-label{font-size:.875rem;color:var(--text-secondary)}.final-stat .stat-value{font-size:1.5rem;font-weight:700}.btn-play-again{width:100%;padding:var(--spacing-md);font-size:1rem}.game-container{min-height:100vh;display:flex;flex-direction:column}.game-layout{flex:1;display:grid;grid-template-columns:280px 1fr 280px;gap:var(--spacing-md);padding:var(--spacing-md);max-height:calc(100vh - 60px);overflow:hidden}@media (max-width: 1400px){.game-layout{grid-template-columns:250px 1fr 250px}}@media (max-width: 1100px){.game-layout{grid-template-columns:1fr;max-height:none;overflow:auto}}:root{--primary-teal: #0891b2;--primary-teal-dark: #0e7490;--primary-teal-light: #22d3ee;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-red: #ef4444;--accent-yellow: #eab308;--accent-pink: #f472b6;--bg-primary: #1a3a4a;--bg-secondary: #2a4a5a;--bg-panel: #3a5a6a;--bg-card: #ffffff;--bg-modal: rgba(0, 0, 0, .7);--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #ffffff;--text-muted: #9ca3af;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);color:var(--text-light)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-teal-light) 0%,var(--primary-teal) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:var(--primary-teal)}.btn-success{background:linear-gradient(135deg,var(--accent-green) 0%,#16a34a 100%);color:var(--text-light)}.btn-danger{background:linear-gradient(135deg,var(--accent-red) 0%,#dc2626 100%);color:var(--text-light)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-full)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #0891b233}.panel{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.panel-header{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);color:var(--text-light);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:space-between}.panel-body{padding:var(--spacing-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-modal);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn var(--transition-fast)}.modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:auto;animation:slideUp var(--transition-normal)}.modal-header{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);color:var(--text-light);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:1.1rem}.modal-close{background:#fff3;border:none;color:var(--text-light);width:2rem;height:2rem;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:background var(--transition-fast)}.modal-close:hover{background:#ffffff4d}.modal-body{padding:var(--spacing-lg)}.stat{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px dashed var(--border-color)}.stat:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{font-weight:600;color:var(--text-primary)}.stat-value.highlight{color:var(--accent-green);font-size:1.5rem}.cash-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--accent-green);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center}.cash-amount{font-size:1.75rem;font-weight:700;color:var(--accent-green)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{background:#f9fafb;padding:var(--spacing-sm);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.table td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.table tr:hover{background:#f9fafb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.production-flow{display:flex;align-items:center;gap:var(--spacing-sm)}.pipe{height:4px;background:linear-gradient(90deg,var(--primary-teal) 0%,var(--primary-teal-light) 100%);flex:1;border-radius:var(--radius-full);position:relative;overflow:hidden}.pipe:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:flow 1.5s infinite}@keyframes flow{0%{left:-100%}to{left:100%}}.syrup-tank{width:120px;height:150px;background:linear-gradient(to bottom,#e5e7eb 0%,#e5e7eb 20%,var(--accent-pink) 20%,var(--accent-pink) 100%);border-radius:var(--radius-lg);border:3px solid #9ca3af;position:relative;overflow:hidden}.syrup-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#ec4899,#f472b6);transition:height var(--transition-slow)}.syrup-tank .bubbles{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bubble{width:8px;height:8px;background:#ffffff4d;border-radius:50%;position:absolute;animation:rise 2s infinite}.bubble:nth-child(2){left:-15px;animation-delay:.3s}.bubble:nth-child(3){left:15px;animation-delay:.6s}@keyframes rise{0%{bottom:0;opacity:1}to{bottom:100%;opacity:0}}.bottle{width:24px;height:40px;border-radius:4px 4px 8px 8px;position:relative}.bottle:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:10px;height:8px;background:inherit;border-radius:2px 2px 0 0}.bottle.red{background:linear-gradient(to bottom,#fecaca,#ef4444)}.bottle.blue{background:linear-gradient(to bottom,#bfdbfe,#3b82f6)}.bottle.green{background:linear-gradient(to bottom,#bbf7d0,#22c55e)}.crate{width:60px;height:45px;background:linear-gradient(to bottom,#60a5fa,#3b82f6);border-radius:var(--radius-sm);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:4px}.crate .bottle-mini{width:100%;height:100%;background:#ffffff4d;border-radius:2px}.game-layout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);flex:1}@media (max-width: 1200px){.game-layout{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--primary-teal);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-teal-dark)}.language-toggle{display:flex;align-items:center;gap:var(--spacing-xs);background:#ffffff1a;border-radius:var(--radius-full);padding:2px}.language-toggle button{padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--text-light);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.language-toggle button.active{background:var(--text-light);color:var(--primary-teal)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}