: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,.navigation-button.active{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}.dashboard-shell{width:min(1400px,100%);min-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#e0e0e0;flex-direction:column;gap:14px;margin:0 auto;display:flex}.dashboard-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-panel,.sam-list,.sam-detail,.dashboard-error,.sid-panel{background:#020a1ac7;border:1px solid #00d9ff6b;box-shadow:inset 0 0 16px #00d9ff1f}.metric-panel{box-sizing:border-box;min-height:74px;padding:14px}.metric-panel strong{color:#fff;margin-top:8px;font-size:1.35rem;display:block}.metric-label{color:#00d9ff;letter-spacing:1px;text-transform:uppercase;font-size:.72rem}.dashboard-error{color:#ff7070;margin:0;padding:12px}.sam-layout{flex:1;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;min-height:0;display:grid}.sam-list{min-height:0;max-height:calc(100dvh - var(--header-height) - 145px);flex-direction:column;display:flex;overflow:auto}.sam-list-item{color:#e0e0e0;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #00d9ff29;flex-direction:column;gap:6px;width:100%;padding:12px 14px;display:flex}.sam-list-item span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sam-list-item small{color:#7fa9bc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sam-list-item:hover,.sam-list-item.active{background:#00d9ff24;box-shadow:inset 3px 0 #00d9ff}.sam-detail{box-sizing:border-box;min-width:0;min-height:0;padding:18px;overflow:hidden}.detail-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-header h1{color:#fff;letter-spacing:0;margin:6px 0 0;font-size:1.3rem}.status-pill{color:#fd0;text-transform:uppercase;border:1px solid #fd09;padding:6px 10px}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.detail-grid div{background:#000a149e;border:1px solid #00d9ff38;min-width:0;padding:12px}.detail-grid span{color:#7fa9bc;text-transform:uppercase;font-size:.72rem;display:block}.detail-grid strong{overflow-wrap:anywhere;color:#fff;margin-top:7px;display:block}.table-wrap{max-height:calc(100dvh - var(--header-height) - 275px);border:1px solid #00d9ff38;overflow:auto}.sam-table{border-collapse:collapse;width:100%;font-size:.82rem}.sam-table th,.sam-table td{text-align:left;vertical-align:top;border-bottom:1px solid #00d9ff24;padding:10px}.sam-table th{z-index:1;color:#00d9ff;text-transform:uppercase;background:#020a1a;position:sticky;top:0}.sam-table td{overflow-wrap:anywhere}.sid-panel{padding:14px}.sid-panel span{color:#00d9ff;text-transform:uppercase;font-size:.72rem;display:block}.sid-panel strong{overflow-wrap:anywhere;color:#fff;margin-top:8px;display:block}@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}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sam-layout{grid-template-columns:1fr}.sam-list{max-height:210px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{max-height:none}}@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}.dashboard-summary,.detail-grid{grid-template-columns:1fr}.sam-detail{padding:12px}.detail-header{flex-direction:column}}@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}}