@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}.app-container{display:flex;flex-direction:column;height:100vh}.content-wrapper{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto}.TopPanel{display:flex;flex-direction:row;align-items:center;justify-content:left;background-color:#272a2d;padding:10px 20px;line-height:1.5;font-weight:500;gap:20px}.system-status{display:flex;flex-direction:row;align-items:center;gap:20px;color:#fff;vertical-align:middle;margin-left:20px}.ground-station{display:flex;flex-direction:row;align-items:center;gap:10px}.ground-station-status{color:#c7ffc2}.satellite{display:flex;flex-direction:row;align-items:center;gap:10px}.satellite-status{color:#a3f4ff}.corner-icon{width:40px;height:40px;transition:transform .4s ease-out}.corner-icon:hover{transform:rotate(180deg)}.Home{text-align:center;padding:20px;background-color:#f5f5f5;height:100vh}.about-logo{width:40vw;max-width:794.5px;height:auto;margin:0 auto}.central-text{font-size:13pt;width:80%;margin:20px auto}.central-text p{text-align:justify;text-justify:inter-word;text-indent:25px;margin-bottom:30px}.about-links{position:fixed;right:50px;bottom:25px;display:flex;flex-direction:column;gap:10px}.button-link{background-color:#fff;cursor:pointer;box-shadow:6px 6px 12px #c7c7c7,-6px -6px 12px #fff;border-radius:40px;overflow:hidden;width:40px;height:40px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.button-link:hover{transition:.3s ease;background-color:#d2d2d2}.button-link:active{box-shadow:inset 6px 6px 10px #0003,inset -6px -6px 10px #ffffff80}svg{width:20px;height:20px;vertical-align:middle}.SidePanel{background-color:#272a2d;padding:20px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.family-section{margin-bottom:20px}.family-header{display:flex;align-items:center;margin-bottom:10px;color:#fff}.family-header p{margin-left:10px;font-size:14px}.family-pages{list-style-type:none;padding:0}.family-pages li{margin-bottom:10px}.side-panel-link{color:#a4d0db;text-decoration:none;display:flex;align-items:center}.side-panel-link:hover{color:#3498db}.side-panel-link svg{margin-right:10px}.lonely-pages{margin-top:20px}.lonely-page{margin-bottom:10px}.About{display:flex;flex-direction:column;align-items:center;justify-content:center}.About :is(h1,h2){color:#fff;text-align:center;margin-top:30px;margin-bottom:20px}.About h3{color:#fff;text-align:center;margin-top:20px;margin-bottom:10px}.About p{font-size:1rem;color:#fff;max-width:800px;text-align:center;line-height:1.6}.temperature-map{position:relative;height:100%;width:100%;display:grid;grid-template-areas:"canvas graphs" "canvas graphs" "canvas graphs" "indicators graphs" "indicators graphs";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;gap:15px 15px;background:#222;padding:20px;box-sizing:border-box}.canvas-container{position:relative;grid-area:canvas;background:#333;border-radius:10px;overflow:hidden}.canvas-title{position:absolute;top:10px;left:10px;color:#525050;font-size:1.3rem;font-weight:700;font-family:Exo,sans-serif;text-transform:uppercase;padding:8px 15px;border-radius:8px;pointer-events:none;z-index:10}.temperature-indicators{grid-area:indicators;display:flex;flex-direction:column;overflow-y:auto;gap:10px;padding:15px;background:#000;border-radius:10px}.temp-card{display:flex;align-items:center;gap:5px;padding:10px;background:#ffffff1a;border-radius:8px;font-family:Exo,sans-serif}.temp-card:hover{background:#fff3}.temp-card.active{background:linear-gradient(135deg,#4b4b4b,#2b2b2b);transition:background .3s ease,box-shadow .3s ease}.part-name{flex:1;color:#7d7d7d;font-weight:700}.temp-bar-container{flex:2;height:10px;background:#ffffff2c;border-radius:5px;overflow:hidden}.temp-bar{height:100%;width:0;transition:width 1s ease-in-out,background 1s ease-in-out}.temp-value{flex:1;text-align:right;color:#7d7d7d;font-weight:700}.temperature-graphs{grid-area:graphs;background:#000;border-radius:10px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;height:100%;padding-top:10px;padding-left:10px;padding-right:50px;box-sizing:border-box}.chart-container{display:flex;flex-grow:1;width:100%;max-height:450px;overflow:hidden}.temperature-stats{display:flex;flex-direction:column;flex-grow:1;color:#525050;font-family:Exo,sans-serif;padding-left:20px;min-height:0;width:100%;overflow-x:auto}.graphs-title{position:relative;color:#525050;font-size:1.3rem;font-weight:700;font-family:Exo,sans-serif;text-transform:uppercase;padding:8px 15px;border-radius:8px;pointer-events:none;z-index:10}.stats-title{font-size:1.3rem;font-weight:700;text-transform:uppercase;border-radius:8px;padding-bottom:10px}.stats-content{width:100%;border-collapse:collapse;font-family:Exo,sans-serif;color:#7d7d7d}.stats-content th,.stats-content td{padding:10px;text-align:left;border-bottom:1px solid #444}.stats-content th{background:#333;font-weight:700;text-transform:uppercase}.stats-content tr:nth-child(2n){background:#2b2b2b}.stats-content tr:hover{background:#3b3b3b}.stat-item{transition:background .3s ease}.stat-label{font-weight:700}.stat-value{text-align:right}.Orbit{position:absolute}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%}.satellite-info{position:absolute;top:20px;right:20px;background-color:#fffc;padding:10px 40px 10px 10px;border-radius:5px;box-shadow:0 0 10px #00000080;max-height:80vh;width:300px;overflow-y:auto}.close-button{position:absolute;top:5px;right:5px;background-color:#000;font-size:16px;cursor:pointer;width:25px;height:25px;border:1px solid #000;border-radius:5px;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#333}.toggle-view-button{position:absolute;bottom:20px;right:20px;background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;box-shadow:0 0 10px #00000080;font-size:large;transition:background-color .2s}.fullscreen-button{position:absolute;bottom:20px;left:20px;background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;box-shadow:0 0 10px #00000080;font-size:large;transition:background-color .2s}.toggle-view-button:hover,.fullscreen-button:hover{background-color:#0056b3}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#0f172a}.logs-container{display:flex;flex-direction:column;background-color:#0f172a;color:#fff;font-family:monospace;box-sizing:border-box}.logs-title{font-size:28px;font-weight:600;color:#757575d3;border-bottom:2px solid #334155;letter-spacing:.5px;padding:10px}.logs-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem;position:sticky;top:0;background-color:#0f172a;z-index:1;padding:10px}.logs-select,.logs-date{background-color:#1e293b;color:#fff;border:1px solid #334155;border-radius:6px;padding:8px 12px;font-size:14px}.logs-scroll-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-left:10px;padding-right:10px;padding-bottom:10px}.logs-row{display:grid;grid-template-columns:50px 100px 1fr 200px;background-color:#1e293b;border-left:4px solid #334155;padding:10px;border-radius:6px;align-items:center;transition:border-color .3s ease,background-color .3s ease,transform .2s ease}.logs-row:hover{border-left-color:#38bdf8;background-color:#273549;transform:scale(1.01)}.logs-id{color:#64748b}.logs-message{color:#e2e8f0;overflow-wrap:break-word}.logs-timestamp{font-size:13px;color:#94a3b8;text-align:right}.log-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:999}.log-modal{background-color:#1e293b;padding:2rem;border-radius:10px;width:90%;max-width:600px;color:#fff;position:relative;max-height:80vh;overflow-y:auto;font-family:monospace;box-shadow:0 0 12px #00000080}.log-modal-close{position:absolute;top:12px;right:16px;font-size:24px;background:none;border:none;color:#f87171;cursor:pointer}.log-modal h2{color:#38bdf8;margin-bottom:1rem}.log-modal p{margin:6px 0}.log-modal pre{background-color:#0f172a;padding:.5rem;border-radius:6px;overflow-x:auto;font-size:12px}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.comm-status-container{display:grid;grid-template-columns:1fr 1fr;gap:15px;box-sizing:border-box}.comm-channel{background-color:#1e293b;color:#fff;border-radius:10px;padding:15px;border:1px solid #334155;box-shadow:0 0 8px #0000004d}.comm-channel h2{margin-bottom:10px;color:#38bdf8}.comm-status-active{color:#22c55e;font-weight:700}.comm-status-inactive{color:#ef4444;font-weight:700}.comm-label{font-weight:500;margin-right:6px;font-size:1.23rem}.message-history-container{overflow-x:auto}.message-history-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;background-color:#1e293b;color:#fff;font-family:monospace;box-shadow:0 0 10px #0000004d}.message-history-table th,.message-history-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #334155}.message-history-table th{background-color:#0f172a;color:#38bdf8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.message-history-table tr:last-child td{border-bottom:none}.status-debug{color:#22c55e;font-weight:700}.status-info{color:#60a5fa;font-weight:700}.status-warning{color:#facc15;font-weight:700}.status-error{color:#f87171;font-weight:700}.status-critical{color:#f43f5e;font-weight:700}.filter-select,.filter-date{background-color:#1e293b;color:#fff;border:1px solid #334155;border-radius:6px;padding:8px 12px;font-family:monospace;font-size:14px;transition:border-color .2s ease}.filter-select:focus,.filter-date:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}option{background-color:#1e293b;color:#fff}.command-form{display:flex;flex-direction:column;gap:1rem;color:#fff;font-family:monospace}.command-form label{font-weight:600;color:#38bdf8;margin-bottom:4px;display:block}.command-form input,.command-form select,.command-form textarea{width:100%;padding:10px;box-sizing:border-box;background-color:#1e293b;border:1px solid #334155;border-radius:8px;color:#fff;font-family:monospace;font-size:.95rem}.command-form input:focus,.command-form select:focus,.command-form textarea:focus{outline:none;border-color:#22d3ee}.command-form button{align-self:start;padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.command-form button:hover{background-color:#2563eb}html,body{margin:0;padding:0;width:100%;height:100%}.communications-page{background:#222;position:relative;height:100%;width:100%;display:grid;grid-template-areas:"status status history history history" "status status history history history" "command command history history history" "command command history history history" "command command history history history" "command command history history history" "command command history history history";grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:15px 15px;padding:20px;box-sizing:border-box;flex-direction:column}@media (max-width: 1200px){.communications-page{grid-template-areas:"status" "command" "history";grid-template-columns:1fr;grid-template-rows:auto auto auto}}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#22d3ee;padding:5px}.commStatus{grid-area:status;color:#d3d3d3}.messHistory{grid-area:history}.sendCommand{grid-area:command}.commStatus,.messHistory,.sendCommand{position:relative;border:1px solid #444;box-shadow:0 0 10px #0000004d;height:auto;background:#333;border-radius:10px;overflow:hidden;padding:10px;box-sizing:border-box;overflow-y:auto}