.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-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.btn-secondary{background:var(--bg-panel);color:var(--text-light);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary)}.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}.session-code-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;text-transform:uppercase;font-weight:700}.page-title{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.25rem}.btn-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-md);text-align:center;width:100%;font-size:.875rem;transition:color var(--transition-fast)}.btn-link:hover{color:var(--primary-teal)}.lobby-card{max-width:500px}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.lobby-header h2{color:var(--text-primary);font-size:1.25rem}.lobby-code{font-size:1rem;font-weight:700;letter-spacing:.25rem;color:var(--primary-teal);background:var(--bg-panel);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md)}.lobby-session-name{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.875rem}.lobby-params{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.lobby-params h3{color:var(--text-primary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.params-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.param{display:flex;flex-direction:column;gap:2px}.param-label{font-size:.75rem;color:var(--text-secondary)}.param-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.lobby-teams h3{color:var(--text-primary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.team-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);max-height:200px;overflow-y:auto}.team-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-panel);border-radius:var(--radius-md);border-left:3px solid var(--text-secondary)}.team-item.ready{border-left-color:var(--accent-green)}.team-name{color:var(--text-primary);font-weight:500}.team-status{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.status-ready{background:#22c55e33;color:var(--accent-green)}.status-not-ready{background:#9ca3af33;color:var(--text-secondary)}.lobby-ready-info{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.lobby-waiting{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-md);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.setup-card{max-width:560px}.config-section{margin-top:var(--spacing-sm)}.config-section h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.seed-input{display:flex;gap:var(--spacing-xs)}.seed-input .input{flex:1}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;background:var(--bg-panel);color:var(--text-light);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.btn-small:hover{background:var(--primary-teal)}.session-code-display{text-align:center;font-size:3rem;font-weight:700;letter-spacing:.75rem;color:var(--primary-teal);padding:var(--spacing-lg);background:var(--bg-panel);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.share-text{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.contracts-empty-note{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--spacing-sm);font-style:italic}.contract-config-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.contract-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.contract-config-label{font-size:.85rem;font-weight:600;color:var(--primary-teal);text-transform:uppercase;letter-spacing:.05em}.btn-remove-contract{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.btn-remove-contract:hover{color:#ef4444;background:#ef44441a}.contract-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.label-hint{color:var(--text-secondary);font-weight:400;font-size:.8em}.btn-add-contract{width:100%;margin-top:var(--spacing-xs);justify-content:center;text-align:center;color:var(--primary-teal);border-color:var(--primary-teal)}.team-detail-modal{width:560px;max-width:95vw}.tdm-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.tdm-kpis{display:flex;gap:var(--spacing-md);background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);justify-content:space-around}.tdm-kpi{display:flex;flex-direction:column;align-items:center;gap:4px}.tdm-kpi-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.tdm-kpi-value{font-size:1.25rem;font-weight:700}.tdm-cash{color:var(--accent-green)}.tdm-sections{display:flex;flex-direction:column;gap:var(--spacing-md)}.tdm-section{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-md)}.tdm-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.tdm-rows{display:flex;flex-direction:column;gap:6px}.tdm-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding:4px 0;border-bottom:1px solid var(--border-color)}.tdm-row:last-child{border-bottom:none}.tdm-row span{color:var(--text-secondary)}.tdm-machines{display:flex;align-items:center;gap:6px}.tdm-machines-label{font-size:.7rem;color:var(--text-secondary)!important}.tdm-contracts{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.tdm-contracts-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px}.tdm-contract{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-sm)}.tdm-contract-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem}.tdm-contract-name{font-weight:600}.tdm-contract-pct{color:var(--primary-teal);font-weight:700}.tdm-progress-track{height:6px;background:var(--border-color);border-radius:999px;overflow:hidden;margin-bottom:4px}.tdm-progress-fill{height:100%;background:var(--primary-teal);border-radius:999px;transition:width .4s ease}.tdm-contract-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.tdm-offered-note{font-size:.8rem;color:var(--accent-yellow);margin-top:var(--spacing-sm)}.tdm-no-contracts{font-size:.8rem;color:var(--text-secondary);margin-top:var(--spacing-sm);font-style:italic}.dashboard{min-height:100vh;padding:var(--spacing-lg);background:var(--bg-primary);color:var(--text-primary)}.dashboard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.dashboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.dashboard-info{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.dashboard-info h1{font-size:1.5rem;color:var(--text-primary)}.dashboard-code{font-size:1.25rem;font-weight:700;letter-spacing:.25rem;color:var(--primary-teal);background:var(--bg-panel);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md)}.status-badge{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:var(--radius-full);text-transform:uppercase}.status-lobby{background:#3b82f633;color:#60a5fa}.status-running{background:#22c55e33;color:var(--accent-green)}.status-paused{background:#eab30833;color:var(--accent-yellow)}.status-ended{background:#9ca3af33;color:var(--text-secondary)}.day-counter{font-size:.875rem;color:var(--text-secondary);font-weight:500}.dashboard-controls{display:flex;gap:var(--spacing-sm)}.btn-warning{background:var(--accent-yellow);color:#000}.btn-danger{background:var(--accent-red);color:#fff}.speed-control{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.speed-control label{font-weight:500;white-space:nowrap}.speed-control input[type=range]{flex:1;accent-color:var(--primary-teal)}.speed-control span{font-size:.875rem;color:var(--text-secondary);min-width:100px;text-align:right}.dashboard-leaderboard-link{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-card);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:.875rem;flex-wrap:wrap}.dashboard-leaderboard-link code{background:var(--bg-panel);padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--primary-teal);font-size:.8rem;word-break:break-all}.lobby-info{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.lobby-info h3{margin-bottom:var(--spacing-sm)}.team-list-dashboard{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.team-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-panel);border-radius:var(--radius-md)}.team-ready-dot{width:10px;height:10px;border-radius:50%;background:var(--text-secondary)}.team-ready-dot.dot-ready{background:var(--accent-green)}.team-row-name{flex:1;font-weight:500}.no-teams{color:var(--text-secondary);text-align:center;padding:var(--spacing-lg)}.teams-table-container{background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.teams-table-container h3{margin-bottom:var(--spacing-md)}.teams-table-scroll{overflow-x:auto}.teams-table{width:100%;border-collapse:collapse;font-size:.875rem}.teams-table th{text-align:left;padding:var(--spacing-sm);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;white-space:nowrap}.teams-table td{padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.teams-table tr.team-ended{opacity:.5}.team-name-cell{font-weight:600}.team-name-btn{background:none;border:none;color:var(--primary-teal);font-weight:600;font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px;text-decoration-style:dotted}.team-name-btn:hover{color:var(--primary-teal-dark, var(--primary-teal));text-decoration-style:solid}.cash-cell{font-weight:600;color:var(--accent-green)}.machines-cell{font-family:monospace;font-size:.8rem}.leaderboard-page{min-height:100vh;background:linear-gradient(135deg,#0a1628,#1a2744,#0d1b2a);color:#fff;display:flex;flex-direction:column;padding:2rem 3rem}.leaderboard-loading{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#64748b}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.lb-title{display:flex;align-items:center;gap:.75rem}.lb-icon{font-size:2.5rem}.lb-title h1{font-size:2rem;background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lb-meta{display:flex;align-items:center;gap:1.5rem}.lb-code{font-size:1.25rem;font-weight:700;letter-spacing:.25rem;color:#22d3ee;background:#22d3ee1a;padding:.25rem 1rem;border-radius:.5rem}.lb-day{font-size:1.5rem;font-weight:600;color:#94a3b8}.lb-ended-banner{text-align:center;font-size:1.75rem;font-weight:700;color:#fbbf24;padding:1rem;margin-bottom:1.5rem;animation:flash 1.5s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.6}}.lb-rankings{flex:1;display:flex;flex-direction:column;gap:.75rem}.lb-team-row{display:flex;align-items:center;background:#ffffff0d;border-radius:.75rem;padding:1rem 1.5rem;transition:all .3s ease;border-left:4px solid transparent}.lb-team-row.lb-first{background:#22d3ee1a;border-left-color:#22d3ee}.lb-team-row.lb-winner{background:#fbbf2426;border-left-color:#fbbf24;animation:winGlow 2s ease-in-out infinite}@keyframes winGlow{0%,to{box-shadow:0 0 10px #fbbf2433}50%{box-shadow:0 0 30px #fbbf2466}}.lb-rank{font-size:1.5rem;font-weight:700;width:80px;text-align:center;color:#64748b}.lb-first .lb-rank{color:#22d3ee}.lb-winner .lb-rank{font-size:2rem}.lb-team-name{flex:1;font-size:1.5rem;font-weight:600}.lb-cash{font-size:1.75rem;font-weight:700;color:#22c55e;font-variant-numeric:tabular-nums}.lb-no-teams{text-align:center;color:#64748b;font-size:1.25rem;padding:3rem}.lb-footer{margin-top:2rem}.lb-progress-bar{display:block;width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.lb-progress-fill{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#06b6d4);border-radius:3px;transition:width .5s ease}.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)}.header-logo{font-size:1.5rem}.header-team-name{font-weight:600;font-size:.9rem}.header-session-code{font-size:.75rem;font-weight:700;letter-spacing:.15rem;background:#ffffff26;padding:2px 8px;border-radius:var(--radius-full)}.day-display{background:#0003;padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--spacing-xs)}.day-label{font-size:.75rem;opacity:.8}.day-value{font-size:1.1rem;font-weight:700}.day-total{font-size:.8rem;opacity:.7}.cash-display{display:flex;align-items:center;gap:var(--spacing-xs)}.cash-label{font-size:.75rem;opacity:.8}.cash-value{font-weight:700;font-size:1rem}.paused-badge{background:var(--accent-yellow);color:#000;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.header-lang-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.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}.fulfillment-progress{margin-bottom:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-md)}.fulfillment-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-xs);font-size:.85rem;font-weight:600}.fulfillment-pct{font-size:1rem;color:var(--primary-teal)}.fulfillment-target{font-size:.75rem;color:var(--text-secondary);font-weight:400}.progress-bar-track{position:relative;height:10px;background:var(--border-color);border-radius:999px;overflow:visible;margin-bottom:var(--spacing-xs)}.progress-bar-fill{height:100%;background:var(--primary-teal);border-radius:999px;transition:width .4s ease;min-width:0;max-width:100%}.fulfillment-units{font-size:.75rem;color:var(--text-secondary);text-align:right}@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}.cost-breakdown{margin-bottom:var(--spacing-xl);text-align:left;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--border-radius);padding:var(--spacing-md)}.cost-breakdown-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-align:center}.cost-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;font-size:.9rem}.cost-item.cost-largest{background:#dc262626;font-weight:700;color:var(--accent-red)}.cost-label{color:var(--text-secondary)}.cost-item.cost-largest .cost-label{color:var(--accent-red)}.cost-arrow{font-size:.75rem}.cost-value{font-weight:600;color:var(--text-primary)}.cost-item.cost-largest .cost-value{color:var(--accent-red)}.bankrupt-cause{text-align:center;margin-top:var(--spacing-sm);font-size:.85rem;color:var(--accent-red);opacity:.9}.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}}.toast-container{position:fixed;top:70px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000004d;animation:toast-in .3s ease-out,toast-out .4s ease-in 5.5s forwards;font-size:.85rem}.toast-penalty{background:#3a1c1c;border-left:4px solid #ef4444;color:#fecaca}.toast-exit{background:#1c1f3a;border-left:4px solid #f59e0b;color:#fde68a}.toast-failed{background:#2d1a1a;border-left:4px solid #dc2626;color:#fca5a5}.toast-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}.toast-body{display:flex;flex-direction:column;gap:2px}.toast-body strong{color:#f87171;font-size:.9rem}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}: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)}