.advanced-control-panel{position:absolute;top:16px;left:16px;width:350px;background:linear-gradient(135deg,#0c1715f2,#182625f2);border:2px solid #68d8cd;border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;z-index:1000;font-family:Schibsted Grotesk,monospace}.control-header{padding:16px 20px;border-bottom:1px solid rgba(104,216,205,.3);display:flex;justify-content:space-between;align-items:center}.control-header h3{margin:0;color:#68d8cd;font-size:1.1em;font-weight:600}.model-status{display:flex;align-items:center;gap:8px;font-size:.9em;color:#9fcdff}.status-indicator{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:pulse-status 2s infinite}.status-indicator.active{background:#4caf50;box-shadow:0 0 8px #4caf50}.status-indicator.warning{background:#ff9800;box-shadow:0 0 8px #ff9800}.status-indicator.error{background:#f44336;box-shadow:0 0 8px #f44336}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.control-tabs{display:flex;background:#182625cc;border-bottom:1px solid rgba(104,216,205,.2)}.tab-btn{flex:1;padding:12px 8px;background:none;border:none;color:#9fcdffb3;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.85em;font-weight:500;border-bottom:2px solid transparent}.tab-btn:hover{color:#9fcdff;background:#9fcdff0d}.tab-btn.active{color:#68d8cd;background:#68d8cd1a;border-bottom-color:#68d8cd}.control-content{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#68d8cd rgba(24,38,37,.5)}.control-content::-webkit-scrollbar{width:6px}.control-content::-webkit-scrollbar-track{background:#18262580}.control-content::-webkit-scrollbar-thumb{background:#68d8cd;border-radius:3px}.tab-content{display:none;padding:16px 20px}.tab-content.active{display:block}.control-group{margin-bottom:16px}.control-group label{display:block;color:#9fcdff;font-size:.9em;font-weight:500;margin-bottom:6px}.control-group select,.control-group input[type=range]{width:100%;padding:8px 12px;background:#182625cc;border:1px solid rgba(104,216,205,.3);border-radius:6px;color:#68d8cd;font-family:inherit;font-size:.9em;transition:all .3s ease}.control-group select:focus,.control-group input:focus{outline:none;border-color:#68d8cd;box-shadow:0 0 8px #68d8cd4d}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:4px;transition:all .3s ease;margin:0}.checkbox-group label:hover{background:#68d8cd1a}.checkbox-group input[type=checkbox]{width:auto;margin:0;accent-color:#68d8cd}.model-performance{padding:16px 20px;border-top:1px solid rgba(104,216,205,.2);background:#18262580}.model-performance h4{margin:0 0 12px;color:#68d8cd;font-size:1em;font-weight:600}.perf-metrics{display:flex;flex-direction:column;gap:8px}.metric{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(104,216,205,.1)}.metric:last-child{border-bottom:none}.metric .label{color:#9fcdff;font-size:.85em}.metric .value{color:#68d8cd;font-weight:600;font-size:.9em}.ensemble-statistics{margin-top:16px;padding:12px;background:#9fcdff0d;border-radius:6px;border:1px solid rgba(159,205,255,.2)}.ensemble-statistics h4{margin:0 0 8px;color:#9fcdff;font-size:.9em}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{font-size:.8em;color:#9fcdffcc}.stat span{color:#68d8cd;font-weight:600}.diagnostic-options{margin-bottom:16px}.diagnostic-options h4{margin:0 0 8px;color:#9fcdff;font-size:.95em}.analysis-tools{margin:16px 0}.analysis-tools h4{margin:0 0 8px;color:#9fcdff;font-size:.95em}.diagnostic-btn,.chart-btn{display:block;width:100%;margin-bottom:6px;padding:8px 12px;background:#9fcdff1a;border:1px solid rgba(159,205,255,.3);border-radius:4px;color:#9fcdff;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.85em;text-align:left}.diagnostic-btn:hover,.chart-btn:hover{background:#9fcdff33;border-color:#9fcdff;transform:translate(2px)}.data-quality{margin-top:16px}.data-quality h4{margin:0 0 8px;color:#9fcdff;font-size:.95em}.data-quality-indicator{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;background:#18262580;border-radius:4px;border-left:3px solid #4CAF50}.data-quality-indicator.warning{border-left-color:#ff9800}.data-quality-indicator.error{border-left-color:#f44336}.quality-label{color:#9fcdffe6;font-size:.8em}.quality-value{color:#68d8cd;font-weight:600;font-size:.8em}.verification-options{margin-bottom:16px}.verification-metrics{margin:16px 0}.verification-metrics h4{margin:0 0 8px;color:#9fcdff;font-size:.95em}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.score-item{padding:8px;background:#68d8cd1a;border-radius:4px;border:1px solid rgba(104,216,205,.3);text-align:center}.score-label{color:#9fcdff;font-size:.8em;margin-bottom:4px}.score-value{color:#68d8cd;font-weight:600;font-size:1.1em}.verification-charts{margin-top:16px}.alert-configuration{margin-bottom:16px}.threshold-controls{display:flex;flex-direction:column;gap:12px}.threshold-item{padding:8px;background:#18262580;border-radius:6px;border:1px solid rgba(104,216,205,.2)}.threshold-item label{color:#9fcdff;font-size:.9em;margin-bottom:6px;display:block}.threshold-item input[type=range]{width:45%;margin:0 2%}.threshold-item span{color:#68d8cd;font-weight:600;min-width:40px;display:inline-block;text-align:center}.active-alerts{margin:16px 0;max-height:200px;overflow-y:auto}.active-alerts h4{margin:0 0 8px;color:#9fcdff;font-size:.95em}.alert-item{padding:8px 12px;margin-bottom:6px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:4px;color:#ff6b6b;font-size:.85em}.alert-item.warning{background:#ff98001a;border-color:#ff98004d;color:#ff9800}.alert-item.info{background:#2196f31a;border-color:#2196f34d;color:#2196f3}.alert-settings{margin-top:16px}.alert-settings h4{margin:0 0 8px;color:#9fcdff;font-size:.95em}#weather-3d-canvas{border:2px solid #68d8cd;border-radius:8px;background:linear-gradient(135deg,#0a0f1a,#1a1f2a);cursor:grab;box-shadow:0 4px 20px #00000080;width:100%;height:500px;max-width:100%}#weather-3d-canvas:active{cursor:grabbing}.colorbar{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:200px;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f);border:1px solid #68d8cd;border-radius:4px}.coordinate-display{position:absolute;top:20px;left:20px;padding:8px 12px;background:#0c1715e6;border:1px solid #68d8cd;border-radius:6px;color:#68d8cd;font-family:monospace;font-size:.9em}.model-info{position:absolute;bottom:20px;left:20px;padding:8px 12px;background:#0c1715e6;border:1px solid #68d8cd;border-radius:6px;color:#68d8cd;font-family:monospace;font-size:.8em}.timestamp-display{position:absolute;top:20px;right:20px;padding:8px 12px;background:#0c1715e6;border:1px solid #68d8cd;border-radius:6px;color:#68d8cd;font-family:monospace;font-size:.9em}.model-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#68d8cd}.loading-spinner-pro{width:60px;height:60px;border:4px solid rgba(104,216,205,.2);border-top:4px solid #68d8cd;border-radius:50%;animation:spin-pro 1s linear infinite;margin:0 auto 16px}@keyframes spin-pro{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.1em;font-weight:600;margin-bottom:8px}.loading-progress{width:200px;height:4px;background:#68d8cd33;border-radius:2px;overflow:hidden;margin:0 auto}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#68d8cd,#9fcdff);border-radius:2px;transition:width .3s ease;animation:loading-shimmer 2s infinite}@keyframes loading-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.weather-tooltip{position:absolute;background:#0c1715f2;border:1px solid #68d8cd;border-radius:6px;padding:8px 12px;color:#68d8cd;font-size:.85em;pointer-events:none;z-index:2000;backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000004d}.tooltip-title{font-weight:600;margin-bottom:4px;color:#9fcdff}.tooltip-content{display:flex;flex-direction:column;gap:2px}.tooltip-item{display:flex;justify-content:space-between;gap:12px}.tooltip-label{color:#9fcdffcc}.tooltip-value{color:#68d8cd;font-weight:500}@media(max-width:1200px){.advanced-control-panel{width:300px}.control-header h3{font-size:1em}.tab-btn{font-size:.8em;padding:10px 6px}}@media(max-width:768px){.advanced-control-panel{position:relative;width:100%;margin:16px 0}.control-tabs{flex-wrap:wrap}.tab-btn{flex:1 1 50%;min-width:50%}.coordinate-display,.model-info,.timestamp-display{position:relative;margin:8px;display:inline-block}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#weather-3d-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.advanced-control-panel{display:none}#weather-3d-canvas{border:1px solid #000}.weather-tooltip{display:none}}