@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--color-bg:#000005;--color-surface:#080c18d9;--color-surface-border:#64b4ff1f;--color-text:#e8ecf4;--color-text-muted:#c8d2e699;--color-accent:#00e5ff;--color-accent-dim:#00e5ff26;--radius:12px;--radius-sm:8px}html,body,#root{background:var(--color-bg);width:100%;height:100%;font-family:var(--font-main);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow:hidden}.app{width:100%;height:100%;position:relative}.scene-container{z-index:0;position:absolute;inset:0}.scene-container canvas{display:block}.satellite-list-panel{z-index:20;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;flex-direction:column;gap:12px;width:300px;max-height:calc(100vh - 48px);padding:16px;display:flex;position:fixed;top:24px;left:24px}.satellite-list-header{justify-content:space-between;align-items:center;display:flex}.satellite-list-header h2{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);font-size:14px}.satellite-list-count{font-family:var(--font-mono);color:var(--color-text);background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:12px}.satellite-list{flex-direction:column;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.satellite-list-item{color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;transition:border-color .2s,background .2s,transform .2s;display:grid}.satellite-list-item:hover{background:#ffffff0f;transform:translate(2px)}.satellite-list-item.is-active{border-color:var(--color-accent);background:#00e5ff14;box-shadow:0 0 12px #00e5ff26}.satellite-list-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.satellite-list-name{font-size:13px;font-weight:500}.satellite-list-status{text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:600}.hud{z-index:10;pointer-events:none;position:fixed;top:24px;left:24px}.hud-title{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hud-icon{filter:drop-shadow(0 0 8px #00e5ff80);font-size:24px}.hud h1{letter-spacing:.5px;background:linear-gradient(135deg,#fff 30%,#00e5ff 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:600}.hud-stats{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:baseline;gap:6px;padding:8px 14px;display:flex}.hud-stat{align-items:baseline;gap:4px;display:flex}.hud-stat-value{font-family:var(--font-mono);color:var(--color-text);font-size:22px;font-weight:700}.hud-stat-operational{color:var(--color-accent);text-shadow:0 0 12px #00e5ff80}.hud-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.hud-stat-divider{color:var(--color-text-muted);margin:0 2px;font-size:18px}.legend{z-index:10;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;flex-direction:column;gap:6px;padding:12px 16px;display:flex;position:fixed;bottom:24px;left:24px}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-label{color:var(--color-text-muted);letter-spacing:.3px;font-size:11px}.satellite-card{z-index:20;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:320px;max-height:calc(100vh - 48px);padding:20px;animation:.3s ease-out card-slide-in;position:fixed;top:24px;right:24px;overflow-y:auto}@keyframes card-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.satellite-card-close{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.satellite-card-close:hover{color:#fff;background:#ffffff1f}.satellite-card-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.satellite-card-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.satellite-card-header h2{font-size:18px;font-weight:600}.satellite-card-id{font-family:var(--font-mono);color:var(--color-text-muted);margin-bottom:12px;font-size:11px}.satellite-card-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:20px;margin-bottom:16px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.satellite-card-follow{border-radius:var(--radius-sm);color:var(--color-text);background:#00e5ff14;border:1px solid #00e5ff40;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px 10px;font-size:12px;display:flex}.satellite-card-follow button{color:var(--color-text);cursor:pointer;background:#ffffff14;border:none;border-radius:999px;padding:4px 10px;font-size:11px}.satellite-card-follow button:hover{background:#ffffff29}.satellite-card-section{margin-bottom:16px}.satellite-card-section h3{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding-bottom:4px;font-size:11px}.satellite-card-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.satellite-card-field{flex-direction:column;gap:2px;display:flex}.field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.field-value{font-family:var(--font-mono);color:var(--color-text);font-size:13px}.satellite-card-mission{border-radius:var(--radius-sm);border-left:2px solid var(--color-accent-dim);background:#ffffff08;margin-bottom:6px;padding:8px 10px}.mission-name{margin-bottom:2px;font-size:13px;font-weight:500}.mission-objective{color:var(--color-text-muted);margin-bottom:4px;font-size:11px;line-height:1.4}.mission-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.loading-overlay{z-index:100;background:var(--color-bg);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .8s;display:flex;position:fixed;inset:0}.loading-overlay.visible{opacity:1;pointer-events:all}.loading-spinner{border:3px solid #00e5ff26;border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted);letter-spacing:.5px;font-size:14px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.mobile-panel-toggle,.mobile-back-btn{display:none}.satellite-list-content{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.mobile-card-wrapper{display:none}@media (width<=900px){.mobile-panel-toggle{z-index:35;background:var(--color-surface);border:none;border-top:1px solid var(--color-surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--color-text);cursor:pointer;font-family:var(--font-main);-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:background .2s;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-panel-toggle:active{background:#080c18}.mobile-panel-toggle-icon{color:var(--color-accent);font-size:10px;transition:transform .3s}.mobile-panel-toggle-icon.is-collapsed{transform:rotate(180deg)}.mobile-panel-toggle-label{color:var(--color-text-muted);letter-spacing:.3px}.satellite-list-panel{opacity:1;border-radius:16px 16px 0 0;gap:10px;width:100%;max-height:45vh;padding:16px 16px 48px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s;position:fixed;inset:auto 0 0;transform:translateY(0)}.satellite-list-panel.is-collapsed{opacity:0;pointer-events:none;transform:translateY(100%)}.mobile-back-btn{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);width:100%;color:var(--color-accent);font-family:var(--font-main);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0a;align-items:center;gap:6px;margin-bottom:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.mobile-back-btn:active{background:#ffffff14}.mobile-card-wrapper{flex-direction:column;max-height:calc(45vh - 52px);display:flex;overflow-y:auto}.satellite-list-panel.has-card-open .satellite-list-content{display:none}.satellite-list-panel.has-card-open{max-height:55vh}.satellite-card:not(.satellite-card--inline){display:none!important}.satellite-card--inline{border-radius:var(--radius-sm);border:1px solid var(--color-surface-border);background:#ffffff05;width:100%;max-height:none;padding:12px;animation:none;position:static}.satellite-card--inline .satellite-card-close{display:none}.legend{padding:8px 12px;font-size:10px;top:12px;bottom:auto;left:12px}}::-webkit-scrollbar-thumb:hover{background:#fff3}.login-page{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login-page h1{letter-spacing:1px;background:linear-gradient(135deg, #fff 30%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:28px;font-weight:700}.login-form{flex-direction:column;gap:12px;width:320px;padding:32px;display:flex}.login-form input{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-main);background:#ffffff0d;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.login-form input:focus{border-color:var(--color-accent)}.login-form button{background:var(--color-accent);color:#000;border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;border:none;margin-top:4px;padding:10px;font-size:14px;font-weight:600;transition:opacity .2s}.login-form button:hover{opacity:.85}.login-error{color:#f55;text-align:center;font-size:13px}.bo-drawer{z-index:30;background:var(--color-surface);border-left:1px solid var(--color-surface-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;width:440px;max-width:100vw;height:100%;padding:24px;animation:.3s ease-out card-slide-in;display:flex;position:fixed;top:0;right:0}.bo-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.bo-header h2{background:linear-gradient(135deg, #fff 30%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:600}.bo-subtitle{font-family:var(--font-mono);color:var(--color-text-muted);font-size:11px}.bo-close{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;font-size:14px;transition:all .2s}.bo-close:hover{color:#fff;background:#ffffff1f}.bo-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.bo-tab{border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #0000;padding:6px 10px;font-size:11px;transition:all .2s}.bo-tab:hover{color:var(--color-text)}.bo-tab-active{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.bo-banner{border-radius:var(--radius-sm);border:1px solid;margin-bottom:16px;padding:10px 14px;font-size:13px}.bo-banner-ok{color:#00e676;background:#00e6761a;border-color:#00e67666}.bo-banner-err{color:#f55;background:#ff55551a;border-color:#f556}.bo-body{flex:1;overflow-y:auto}.bo-form{flex-direction:column;gap:14px;display:flex}.bo-field{flex-direction:column;gap:5px;display:flex}.bo-field>span{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:11px}.bo-field select,.bo-field input{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-main);background:#ffffff0d;outline:none;padding:9px 12px;font-size:14px;transition:border-color .2s}.bo-field select:focus,.bo-field input:focus{border-color:var(--color-accent)}.bo-field option{color:var(--color-text);background:#0a0f1e}.bo-submit{background:var(--color-accent);color:#000;border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;border:none;margin-top:4px;padding:10px;font-size:14px;font-weight:600;transition:opacity .2s}.bo-submit:hover:not(:disabled){opacity:.85}.bo-submit:disabled{opacity:.4;cursor:not-allowed}.bo-danger{color:#fff;background:#f55}.bo-cancel{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-main);cursor:pointer;background:#ffffff0f;padding:10px 14px;font-size:14px}.bo-warning{color:#ffab00;border-radius:var(--radius-sm);background:#ffab0014;border:1px solid #ffab004d;padding:10px 12px;font-size:12px;line-height:1.5}.bo-muted{color:var(--color-text-muted);font-size:12px}.bo-modal-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000005b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bo-modal{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:340px;padding:24px}.bo-modal h4{margin-bottom:10px;font-size:16px}.bo-modal p{color:var(--color-text-muted);margin-bottom:20px;font-size:13px;line-height:1.5}.bo-modal-actions{justify-content:flex-end;gap:10px;display:flex}.bo-instr-list{flex-direction:column;gap:8px;display:flex}.bo-instr-row{border-radius:var(--radius-sm);border-left:2px solid var(--color-accent-dim);background:#ffffff08;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.bo-instr-ref{font-family:var(--font-mono);font-size:13px;font-weight:500}.bo-instr-actions{align-items:center;gap:8px;display:flex}.bo-instr-actions button{border:1px solid var(--color-surface-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;padding:4px 10px;font-size:11px}.bo-danger-text{color:#f55!important}.bo-etat{font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.bo-etat-nominal{color:#00e676;background:#00e6761f}.bo-etat-degrade{color:#ffab00;background:#ffab001f}.bo-instr-add{border-top:1px solid #ffffff0f;flex-direction:column;gap:12px;margin-top:18px;padding-top:18px;display:flex}.app-toolbar{z-index:20;gap:10px;display:flex;position:fixed;top:24px;right:24px}.fo-open-btn,.bo-open-btn{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-accent);font-family:var(--font-main);letter-spacing:.3px;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;position:static}.fo-open-btn:hover,.bo-open-btn:hover{border-color:var(--color-accent);box-shadow:0 0 16px #00e5ff40}.fo-panel{z-index:30;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;padding:24px;animation:.3s ease-out card-slide-in;display:flex;position:fixed;inset:24px}.fo-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.fo-header h2{background:linear-gradient(135deg, #fff 30%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:600}.fo-close{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;font-size:15px;transition:all .2s}.fo-close:hover{color:#fff;background:#ffffff1f}.fo-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.fo-tab{border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;background:#ffffff0a;border:1px solid #0000;padding:8px 14px;font-size:12px;transition:all .2s}.fo-tab:hover{color:var(--color-text)}.fo-tab-active{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.fo-body{flex:1;overflow:auto}.fo-muted{color:var(--color-text-muted);padding:12px;font-size:14px}.fo-table{border-collapse:collapse;width:100%;font-size:13px}.fo-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-surface-border);background:#080c18f2;padding:10px 14px;font-size:11px;position:sticky;top:0}.fo-table tbody td{border-bottom:1px solid #ffffff0a;padding:10px 14px}.fo-table tbody tr:hover{background:#ffffff08}.fo-mono{font-family:var(--font-mono);color:var(--color-text)}.fo-format{font-family:var(--font-mono);border:1px solid;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.fo-row-highlight{background:#00e5ff14}.fo-row-highlight td:first-child{border-left:2px solid var(--color-accent)}.fo-badge{background:var(--color-accent-dim);color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.fo-row-warning{background:#ffab0014}.fo-row-warning td:first-child{border-left:2px solid #ffab00}.fo-badge-warn{color:#ffab00;background:#ffab0026}.fo-counter{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:#ffffff0a;align-items:baseline;gap:8px;margin-bottom:16px;padding:10px 18px;display:inline-flex}.fo-counter-value{font-family:var(--font-mono);font-size:24px;font-weight:700}.fo-counter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:12px}.fo-prio{font-family:var(--font-mono);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.fo-prio-critique{color:#f33;background:#ff333326}.fo-prio-surveillance{color:#ffab00;background:#ffab0026}.fo-filters{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:#ffffff08;flex-wrap:wrap;gap:14px;margin-bottom:18px;padding:12px 14px;display:flex}.fo-filter-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);flex-direction:column;gap:5px;font-size:11px;display:flex}.fo-filter-select{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-main);background:#ffffff0d;outline:none;min-width:160px;padding:7px 10px;font-size:13px;transition:border-color .2s}.fo-filter-select:focus{border-color:var(--color-accent)}.fo-filter-select option{color:var(--color-text);background:#0a0f1e}.fo-status-badge{font-family:var(--font-mono);border:1px solid;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}