*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}#root{width:100vw;min-height:100vh}.terminal-container{position:relative;width:100vw;min-height:100vh;background:linear-gradient(to bottom,#000814,#001d3d,#000814);color:#00f5ff;display:flex;align-items:flex-start;justify-content:center;font-family:Courier New,monospace;padding:2rem 0}.crt-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:3}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00f5ff08 50%,#0003 50%);background-size:100% 4px;animation:scan 8s linear infinite;pointer-events:none;z-index:2}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(4px)}}.terminal-content{position:relative;z-index:1;max-width:900px;width:90%;padding:3rem;border:2px solid rgba(0,245,255,.3);background:#000d1acc;box-shadow:0 0 30px #00f5ff33,inset 0 0 50px #000d1a80;animation:flicker .15s infinite alternate}@keyframes flicker{0%,to{opacity:.98}50%{opacity:1}}.terminal-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,245,255,.3)}.header-line,.footer-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(0,245,255,.5),transparent)}.system-text{font-size:.9rem;letter-spacing:.3em;color:#00f5ff;text-shadow:0 0 10px rgba(0,245,255,.8);font-weight:700}.logo-container{display:flex;justify-content:center;margin:2rem 0;padding:1rem}.main-logo{max-width:100%;height:auto;max-height:200px;filter:drop-shadow(0 0 20px rgba(0,245,255,.3)) drop-shadow(0 0 40px rgba(0,119,182,.2));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,245,255,.3)) drop-shadow(0 0 40px rgba(0,119,182,.2))}50%{filter:drop-shadow(0 0 25px rgba(0,245,255,.5)) drop-shadow(0 0 50px rgba(0,119,182,.3))}}.status-panel{margin:2rem 0;padding:1.5rem;background:#0000004d;border-left:3px solid rgba(0,245,255,.5)}.status-line{display:flex;justify-content:space-between;margin:.8rem 0;font-size:1rem}.status-line .label{color:#6b7280;letter-spacing:.1em}.status-line .value{color:#00f5ff;font-weight:700;text-shadow:0 0 5px rgba(0,245,255,.5)}.status-line .value.operational{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.5)}.status-line .value.secured{color:orange;text-shadow:0 0 5px rgba(255,165,0,.5)}.access-message{margin:2rem 0;padding:1.5rem;background:#0006;border:1px solid rgba(0,245,255,.2)}.connection-init{color:#6b7280;margin-bottom:1rem;animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.typing-effect{color:#6b7280;margin-bottom:1rem;overflow:hidden;white-space:nowrap;width:0}.typing-effect.animate{animation:typing 2s steps(40,end) forwards}@keyframes typing{0%{width:0}to{width:100%}}.status-line{color:#6b7280;margin:.5rem 0;font-size:.95rem;opacity:0;transform:translate(-10px)}.status-line.animate{animation:locationFadeIn .8s ease-out forwards}.status-label{color:#00f5ff;letter-spacing:.1em;font-weight:700}.status-value{color:#00f5ff;text-shadow:0 0 5px rgba(0,245,255,.4);font-family:Courier New,monospace}.status-value.operational{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.4)}.status-value.secured{color:orange;text-shadow:0 0 5px rgba(255,165,0,.4)}.location-line{color:#6b7280;margin:.5rem 0;font-size:.95rem;opacity:0;transform:translate(-10px)}.location-line.animate{animation:locationFadeIn .8s ease-out forwards}@keyframes locationFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.location-label{color:#00f5ff;letter-spacing:.1em;font-weight:700}.location-value{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.4);font-family:Courier New,monospace;word-break:break-all;overflow-wrap:break-word}.location-unknown{color:#ff0040!important;text-shadow:0 0 10px rgba(255,0,64,.6);animation:flashRed 1.5s ease-in-out infinite}@keyframes flashRed{0%,to{opacity:1;text-shadow:0 0 10px rgba(255,0,64,.8)}50%{opacity:.4;text-shadow:0 0 5px rgba(255,0,64,.3)}}.access-granted{color:#00ff41;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px rgba(0,255,65,.8);opacity:0;transform:translate(-20px)}.access-granted.animate{animation:fadeIn 1s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.terminal-menu{margin-top:2rem;padding:2rem 0 1.5rem;border-top:1px solid rgba(0,255,65,.3);border-bottom:1px solid rgba(0,255,65,.3);opacity:0;transform:translateY(20px)}.terminal-menu.animate{animation:menuFadeIn 1s ease-in forwards}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-header{color:#00ff41;font-size:1rem;font-weight:700;text-shadow:0 0 10px rgba(0,255,65,.8);margin-bottom:1rem}.menu-items{display:flex;flex-direction:column;gap:.5rem}.menu-item{color:#00ff41;text-shadow:0 0 5px rgba(0,255,65,.5);font-size:1rem;text-decoration:none;display:block;transition:all .2s ease;padding:.3rem 0}.menu-item:not(.disabled){cursor:pointer}.menu-item:not(.disabled):hover{color:#00f5ff;text-shadow:0 0 15px rgba(0,245,255,.8);transform:translate(10px)}.menu-item.disabled{color:#4a5568;text-shadow:none;cursor:not-allowed}.terminal-footer{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,245,255,.3)}.copyright{font-size:.7rem;letter-spacing:.2em;color:#00f5ff80;text-align:center}@media(max-width:768px){.terminal-content{padding:2rem 1.5rem}.system-text{font-size:.7rem;letter-spacing:.2em}.main-logo{max-height:150px}.typing-effect{white-space:normal;overflow:visible;width:auto!important}.typing-effect.animate{animation:none}.status-line,.location-line{font-size:.85rem}.location-label,.status-label{display:block;margin-bottom:.2rem}.location-value{font-size:.75rem;line-height:1.3}.copyright{font-size:.6rem}}.terminal-content{animation:fadeInGlitch .6s ease-out}@keyframes fadeInGlitch{0%{opacity:0;transform:translateY(10px);filter:blur(2px)}20%{opacity:.3;transform:translate(-2px)}40%{opacity:.6;transform:translate(2px)}60%{opacity:.8}to{opacity:1;transform:translateY(0) translate(0);filter:blur(0)}}.status-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1.5rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{width:50px;height:50px;border:3px solid rgba(0,245,255,.2);border-top-color:#00f5ff;border-radius:50%;animation:spin 1s linear infinite,spinner-glow 2s ease-in-out infinite;box-shadow:0 0 20px #00f5ff4d}@keyframes spinner-glow{0%,to{box-shadow:0 0 10px #00f5ff4d}50%{box-shadow:0 0 25px #00f5ff99,0 0 40px #00f5ff4d}}@keyframes spin{to{transform:rotate(360deg)}}.connection-sequence{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:500px;margin-top:1rem}.connection-step{display:flex;align-items:center;gap:.75rem;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.05em;transition:all .3s ease;opacity:0;animation:step-fade-in .4s ease-out forwards}.connection-step:nth-child(1){animation-delay:.1s}.connection-step:nth-child(2){animation-delay:.2s}.connection-step:nth-child(3){animation-delay:.3s}.connection-step:nth-child(4){animation-delay:.4s}.connection-step:nth-child(5){animation-delay:.5s}@keyframes step-fade-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.connection-step.pending{opacity:.5;color:#9ca3af}.connection-step.active{opacity:1;color:#00f5ff;animation:pulse .8s ease-in-out infinite}.connection-step.complete{opacity:.6;color:#00ff41}.connection-step.failed{opacity:.7;color:#ff0040;animation:error-glitch .5s ease-out forwards}@keyframes error-glitch{0%{opacity:0;transform:translate(-10px)}25%{opacity:1;transform:translate(3px);color:#00f5ff}50%{transform:translate(-2px);color:#ff0040}75%{transform:translate(1px)}to{opacity:.7;transform:translate(0);color:#ff0040}}.error-sequence{margin-top:1.5rem;margin-bottom:1.5rem}.step-indicator{font-size:1rem;min-width:20px;text-align:center}.step-text{flex:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1.5rem;animation:fadeIn .4s ease-out}.error-text{color:#ff0040;font-size:1.1rem;text-align:center;letter-spacing:.1em;white-space:pre-line;line-height:1.6;animation:error-text-glitch .8s ease-out;text-shadow:0 0 10px rgba(255,0,64,.5)}@keyframes error-text-glitch{0%{opacity:0;transform:translateY(-10px);filter:blur(5px)}10%{opacity:.5;transform:translate(-5px)}20%{opacity:.8;transform:translate(5px);color:#00f5ff}30%{transform:translate(-3px);color:#ff0040}50%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) translate(0);color:#ff0040}}.retry-button,.refresh-button{padding:.75rem 2rem;background:#00f5ff1a;border:2px solid #00f5ff;color:#00f5ff;font-family:Courier New,monospace;font-size:.9rem;cursor:pointer;transition:all .3s ease;letter-spacing:.2em;text-transform:uppercase}.retry-button:hover,.refresh-button:hover:not(:disabled){background:#00f5ff33;box-shadow:0 0 20px #00f5ff80}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.status-overview{margin:2rem 0;padding:1.5rem;background:#0006;border:1px solid rgba(0,245,255,.3);border-left:4px solid #00f5ff}.status-overview.animate-in{opacity:0;animation:facility-slide-in .6s ease-out forwards}.overall-status{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem}.overall-status .label{color:#6b7280;letter-spacing:.2em}.overall-status .value{font-weight:700;letter-spacing:.1em;text-shadow:0 0 10px currentColor}.facilities-container{margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}@keyframes facility-slide-in{0%{opacity:0;transform:translate(-30px);filter:blur(3px)}50%{opacity:.5;filter:blur(1px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes scan-line{0%{left:-100%}to{left:100%}}@keyframes history-fill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.facility-item{padding:1.5rem;background:#000d1a99;border:1px solid rgba(0,245,255,.2);border-left:3px solid rgba(0,245,255,.5);transition:all .3s ease;position:relative;overflow:hidden}.facility-item.animate-in{opacity:0;animation:facility-slide-in .6s ease-out forwards}.facility-item.animate-in:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,245,255,.15),transparent);animation:scan-line 2s ease-in-out;animation-delay:.1s;pointer-events:none}.facility-item:hover{background:#000d1acc;border-color:#00f5ff80;box-shadow:0 0 15px #00f5ff33}.facility-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,245,255,.1)}.facility-name{font-size:1.1rem;font-weight:700;color:#00f5ff;letter-spacing:.15em;text-transform:uppercase}.facility-status{font-size:1rem;font-weight:700;letter-spacing:.1em;text-shadow:0 0 10px currentColor}.uptime-container{display:flex;flex-direction:column;gap:.5rem}.uptime-bar{width:100%;height:8px;background:#00000080;border:1px solid rgba(0,245,255,.2);border-radius:2px;overflow:hidden;position:relative}.uptime-fill{height:100%;transition:width .5s ease;box-shadow:0 0 10px currentColor;position:relative}.uptime-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.uptime-text{font-size:.9rem;color:#6b7280;letter-spacing:.1em;align-self:flex-end}.history-container{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,245,255,.1)}.history-label{font-size:.75rem;color:#6b7280;letter-spacing:.1em;margin-bottom:.5rem}.history-bar{display:flex;gap:2px;height:30px;margin-bottom:.3rem}.history-block{flex:1;min-width:2px;border-radius:1px;transition:all .2s ease;cursor:pointer}.facility-item.animate-in .history-block{animation:history-fill 1.5s ease-out forwards;animation-delay:.3s}.history-block:hover{transform:scaleY(1.2);opacity:.8}.history-timeline{display:flex;justify-content:space-between;font-size:.7rem;color:#00f5ff80;letter-spacing:.05em}.status-footer-info{margin-top:2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.update-info{display:flex;flex-direction:column;gap:.5rem}.last-update{font-size:.85rem;color:#00f5ff99;letter-spacing:.1em}.next-update{font-size:.85rem;color:#ff0040;letter-spacing:.1em;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.navigation-links{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,245,255,.2);text-align:center}.nav-link{color:#00f5ff;text-decoration:none;font-size:.9rem;letter-spacing:.15em;transition:all .3s ease;display:inline-block;padding:.5rem 1rem}.nav-link:hover{text-shadow:0 0 10px #00f5ff;transform:translate(-5px)}@media(max-width:768px){.terminal-content{padding:1.5rem 1rem}.overall-status,.facility-header{flex-direction:column;gap:.5rem;align-items:flex-start}.footer-content{flex-direction:column;gap:1rem;align-items:flex-start}.refresh-button{width:100%}}