:root{color:#e0e0e0;--header-height:72px;background:#010409;font-family:monospace}html,body,#app{min-height:100%;margin:0}body{background-color:#010409;background-image:radial-gradient(circle at top,#02142ab3 0%,#010409 60%);min-height:100dvh;overflow-x:hidden}button,input{font:inherit}.loading-screen,.login-page{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-screen{color:#00d9ff;letter-spacing:1px}.login-page{padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}.home-page{min-height:100dvh;padding:calc(var(--header-height) + env(safe-area-inset-top)) 12px env(safe-area-inset-bottom);box-sizing:border-box}.sci-fi-window{color:#e0e0e0;background:#020a1a;border:1px solid #00d9ff;border-radius:4px;flex-direction:column;width:min(600px,100vw - 24px);height:400px;max-height:calc(100dvh - 24px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #00d9ff99,inset 0 0 20px #00d9ff4d}.sci-fi-window:before,.sci-fi-window:after{content:"";pointer-events:none;width:20px;height:20px;position:absolute}.sci-fi-window:before{border-top:3px solid #00d9ff;border-left:3px solid #00d9ff;top:0;left:0}.sci-fi-window:after{border-bottom:3px solid #00d9ff;border-right:3px solid #00d9ff;bottom:0;right:0}.sci-fi-window-header{color:#00d9ff;letter-spacing:2px;background:#02142a80;border-bottom:1px solid #00d9ff66;flex-shrink:0;padding:12px 20px;font-weight:700}.sci-fi-window-content{flex-grow:1;padding:24px 20px}.login-form{flex-direction:column;gap:18px;height:100%;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#00d9ff;letter-spacing:1px;text-transform:uppercase;font-size:.85rem}.sci-fi-input{color:#e0e0e0;background:#000a14cc;border:1px solid #00d9ff;border-radius:2px;padding:10px;box-shadow:inset 0 0 8px #00d9ff4d}.sci-fi-input:focus{border-color:#fd0;outline:none;box-shadow:0 0 10px #ffdd00b3,inset 0 0 8px #fd06}.sci-fi-button,.logout-button{color:#00d9ff;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:1px solid #00d9ff;padding:10px 15px;transition:background-color .2s,color .2s,box-shadow .2s}.sci-fi-button:hover:not(:disabled),.logout-button:hover:not(:disabled){color:#fff;background:#00d9ff33;box-shadow:0 0 15px #00d9ff80}.sci-fi-button:disabled,.logout-button:disabled{cursor:wait;opacity:.6}.login-button{align-self:flex-end;min-width:120px}.error-message{color:#ff4d4d;text-align:center;margin:0}.sci-fi-header{z-index:10;min-height:var(--header-height);padding:env(safe-area-inset-top) 24px 0;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020a1af0;border-bottom:1px solid #00d9ff8c;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 0 20px #00d9ff2e}.header-brand,.header-left,.header-navigation,.header-status,.system-status,.user-info{align-items:center;display:flex}.header-brand{gap:12px}.header-left{gap:clamp(20px,3vw,48px);min-width:0}.header-navigation{gap:10px}.navigation-button{color:#00d9ff;cursor:pointer;letter-spacing:1px;text-align:left;text-transform:uppercase;background:#000a1473;border:1px solid #00d9ff8c;min-width:112px;padding:10px 14px;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s}.navigation-button:hover,.navigation-button:focus-visible{color:#fff;background:#00d9ff29;border-color:#00d9ff;outline:none;box-shadow:inset 3px 0 #00d9ff,0 0 12px #00d9ff40}.brand-mark{object-fit:contain;object-position:left center;width:clamp(180px,22vw,320px);height:52px;display:block}.user-info{flex-direction:column;align-items:flex-start}.user-label{color:#6f91a8;letter-spacing:1px;text-transform:uppercase;font-size:.7rem}.header-status{gap:24px}.system-status{color:#8ee8b1;text-transform:uppercase;gap:8px;font-size:.8rem}.status-dot{background:#38d878;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #38d878}.username{color:#fff}@media (width<=760px){:root{--header-height:132px}.sci-fi-header{padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;flex-wrap:wrap;gap:12px}.header-left{justify-content:space-between;width:100%}.header-status{justify-content:flex-end;width:100%}.logout-button{flex-shrink:0}}@media (width<=640px){.sci-fi-window{height:auto}.sci-fi-header{min-height:var(--header-height)}.system-status,.user-label{display:none}.brand-mark{width:clamp(150px,42vw,220px);height:52px}.header-left{gap:10px}.header-navigation{gap:8px}.navigation-button{min-width:0;padding:10px 12px;font-size:.85rem}.header-status{gap:12px}.logout-button{padding:10px 12px;font-size:.85rem}}@media (width<=360px){:root{--header-height:166px}.header-left{flex-wrap:wrap}.header-navigation{width:100%}.navigation-button{text-align:center;flex:1 1 0}}