#cesiumContainer{width:100%;height:100vh;display:block}.lstm-panel{position:absolute;top:70px;left:20px;background:#ffffff14;backdrop-filter:blur(16px);border-radius:12px;padding:16px;width:380px;max-width:min(380px,calc(100vw - 40px));max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #00000040;display:none;opacity:0;transform:translateY(-8px) scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1);flex-direction:column;gap:12px;z-index:999;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;height:auto;max-height:calc(100vh - 250px)}.lstm-panel::-webkit-scrollbar{width:4px}.lstm-panel::-webkit-scrollbar-track{background:transparent}.lstm-panel::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}#lstmControls .control-button{position:static;inset:auto;transform:none;margin-top:12px;width:auto;min-width:160px;align-self:flex-start}#lstmControls .prediction-controls{display:block;text-align:left;margin-top:12px}#lstmControls .prediction-controls .control-button{display:inline-flex;margin:0}.lstm-panel.open{display:flex;opacity:1;transform:translateY(0) scale(1)}.lstm-panel h3{margin:0 0 8px;color:#fff;font-size:1.1em;font-weight:600}.lstm-panel p{margin:0 0 12px;color:#ffffffbf;font-size:.85em;line-height:1.4}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#ffffffe6;font-size:.85em;margin-bottom:6px;font-weight:500;display:flex;align-items:center;gap:6px}.input-wrapper{width:100%}.prediction-input{width:100%;padding:8px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.85em;backdrop-filter:blur(8px);transition:all .2s ease}.prediction-input:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 2px #667eea33}.prediction-input.number-input{-moz-appearance:textfield}.prediction-input.number-input::-webkit-outer-spin-button,.prediction-input.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prediction-input::placeholder{color:#ffffff80;font-style:italic}.input-helper{margin-top:4px}.input-helper small{color:#fff9;font-size:.75em;font-style:italic}.prediction-input:invalid{border-color:#ef444499;background:#ef44441a}.prediction-input:invalid:focus{box-shadow:0 0 0 2px #ef444433}.prediction-controls{margin-top:12px;display:flex;justify-content:flex-start}.prediction-controls .control-button{width:auto;min-width:160px;justify-content:center}#toggleLSTMPanel{position:absolute;top:20px;left:20px;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;color:#fff}#toggleLSTMPanel:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8;box-shadow:0 8px 25px #667eea66}#toggleLSTMPanel ion-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.prediction-btn{margin-top:12px;width:100%;justify-content:center}#lstmControls .prediction-controls .control-button{width:100%;min-width:unset;margin-top:12px;justify-content:center}.control-button{color:#2d3748;border:1px solid #e2e8f0;padding:12px 18px;border-radius:10px;cursor:pointer;font-size:.95em;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.control-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;color:#fff}.control-button.secondary{background:linear-gradient(135deg,#34d399,#059669);border:1px solid #34d399;color:#fff}.control-button.primary:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8;box-shadow:0 8px 25px #667eea66}.control-button.secondary:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#10b981,#047857);border-color:#10b981;box-shadow:0 8px 25px #34d39966}.control-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0003}.control-button:disabled{cursor:not-allowed;opacity:.5;background:#cbd5e0;border-color:#a0aec0;color:#718096;transform:none;box-shadow:0 1px 3px #0000001a}.chart-container{color:#fff9;border:1px solid rgba(255,255,255,.08);transition:opacity .3s ease;height:auto;padding:16px;margin-top:16px;min-height:unset;background:#00000040;border-radius:8px}.chart-container canvas{width:100%!important;height:auto!important;max-height:260px}.chart-container div[style*="overflow-x: auto"]{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.7) rgba(255,255,255,.15)}.chart-container div[style*="overflow-x: auto"]::-webkit-scrollbar{height:8px;background:#ffffff0d}.chart-container div[style*="overflow-x: auto"]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px;margin:0 4px}.chart-container div[style*="overflow-x: auto"]::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#3b82f6cc,#60a5facc);border-radius:4px;transition:all .3s ease;border:1px solid rgba(59,130,246,.3)}.chart-container div[style*="overflow-x: auto"]::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#2563ebe6,#3b82f6e6);box-shadow:0 2px 4px #3b82f666}@media(max-width:768px){.chart-container div[style*="overflow-x: auto"]{scrollbar-width:auto}.chart-container div[style*="overflow-x: auto"]::-webkit-scrollbar{height:10px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:160px;padding:16px}.empty-title{color:#fff;font-size:1.1em;font-weight:600;margin:0 0 12px}.empty-text{font-style:italic;color:#ffffffb3;line-height:1.5;max-width:280px}ion-icon{vertical-align:middle}.control-button ion-icon{font-size:1.2em;margin-right:8px;vertical-align:middle;flex-shrink:0}.control-button.primary ion-icon,.control-button.secondary ion-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.control-button:disabled ion-icon{color:#718096;filter:none}.lstm-panel h3 ion-icon{font-size:1.3em;margin-right:10px;color:#fff;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.input-group label ion-icon{font-size:1.1em;margin-right:8px;color:#f7fafc;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-icon ion-icon{font-size:4rem;color:#e2e8f0;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.icon-lstm{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:8px;flex-shrink:0}.icon-lstm-header{width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:10px;flex-shrink:0}.toggle-icon-close{display:none;font-size:1.2em;margin-right:6px}.toggle-icon-lstm{display:inline-block}#toggleLSTMPanel.open .toggle-icon-lstm{display:none}#toggleLSTMPanel.open .toggle-icon-close{display:inline-block}#toggleLSTMPanel.open .toggle-label{content:"Tutup Panel"}.icon-lstm-large{width:64px;height:64px;display:block;margin:0 auto}.brightness-0{filter:brightness(0)}.invert{filter:brightness(0) invert(1)}.brightness-0.invert{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.3))}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}