@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,600&display=swap";:root{font-family:IBM Plex Sans,sans-serif;color:#f2f6f8;background:#08111b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}code,.kicker,.section-label{font-family:IBM Plex Mono,monospace}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;color:#a9bac9;gap:18px}.pulse-mark{width:44px;height:44px;border:2px solid #23435c;border-top-color:#39a9ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);background:#08111b}.login-visual{position:relative;overflow:hidden;display:grid;place-content:center;min-height:100vh;background:radial-gradient(circle at 46% 42%,#153d5b 0,#0c1b2a 35%,#07101a 72%);border-right:1px solid #1b3448}.grid-field{position:absolute;inset:-20%;opacity:.34;background-image:linear-gradient(#23435c 1px,transparent 1px),linear-gradient(90deg,#23435c 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(62deg) translateY(25%);-webkit-mask-image:radial-gradient(circle,#000,transparent 68%);mask-image:radial-gradient(circle,#000,transparent 68%)}.command-orbit{position:relative;width:230px;aspect-ratio:1;border:1px solid #3a789f;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 90px #1689d833,inset 0 0 50px #1689d822}.command-orbit:before,.command-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed #2a5774;inset:-50px;animation:spin 22s linear infinite}.command-orbit:after{inset:42px;border-style:solid;border-color:#39a9ff55;animation-direction:reverse;animation-duration:12s}.command-orbit span{font:600 58px IBM Plex Mono;color:#78c7ff;text-shadow:0 0 32px #39a9ff}.visual-caption{position:absolute;left:48px;bottom:42px;margin:0;font-size:24px;line-height:1.25;font-weight:600;color:#b8c9d5}.login-panel{padding:42px clamp(44px,8vw,120px);display:flex;flex-direction:column;justify-content:center;position:relative}.wordmark{position:absolute;top:36px;left:clamp(44px,8vw,120px);font:600 13px IBM Plex Mono;letter-spacing:.13em;color:#a9bac9}.wordmark-icon{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:7px;background:#39a9ff;color:#08111b;font-size:20px}.login-copy{max-width:610px}.kicker,.section-label{color:#39a9ff;font-size:11px;font-weight:600;letter-spacing:.14em;margin:0 0 12px}.login-copy h1{margin:0;font-size:clamp(44px,5.3vw,74px);letter-spacing:-.055em;line-height:.98}.login-copy h1 em{font-style:italic;color:#39a9ff}.login-copy>p:last-child{color:#9db0bf;max-width:520px;font-size:17px;line-height:1.6;margin:28px 0 0}.pair-form{width:min(500px,100%);margin-top:48px}.pair-form label{display:block;color:#b8c9d5;font-size:13px;font-weight:600;margin-bottom:9px}.pair-form input{width:100%;padding:17px 18px;border:1px solid #31506a;border-radius:9px;outline:none;background:#0e1c29;color:#fff;font:600 22px IBM Plex Mono;letter-spacing:.16em;text-transform:uppercase;transition:border .2s,box-shadow .2s}.pair-form input:focus{border-color:#39a9ff;box-shadow:0 0 0 3px #39a9ff20}.pair-form button{width:100%;border:0;border-radius:9px;margin-top:12px;padding:17px 20px;display:flex;justify-content:space-between;background:#39a9ff;color:#06101a;font-weight:700}.form-error{color:#ffae72;line-height:1.4}.privacy-note{position:absolute;bottom:30px;margin:0;color:#657e92;font-size:12px}.privacy-note span{color:#35c48d}.app-shell{min-height:100vh;display:grid;grid-template-columns:74px 1fr;background:#f2f6f8;color:#142434}.rail{background:#08111b;border-right:1px solid #152b3d;display:flex;flex-direction:column;align-items:center;padding:22px 0;position:fixed;inset:0 auto 0 0;width:74px;z-index:10}.rail nav{display:flex;flex-direction:column;gap:12px;margin:auto 0}.rail button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#71899c;font-size:20px;transition:.2s}.rail button:hover,.rail button.active{background:#14293a;color:#7dcaff}.rail .brand-button{background:#39a9ff;color:#07111a;font-weight:800}.workspace{grid-column:2;padding:36px clamp(26px,4vw,64px) 60px;min-width:0}.workspace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.workspace-header h1{margin:0;font-size:clamp(30px,3vw,46px);letter-spacing:-.04em}.live-pill{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #b8dfd0;border-radius:999px;color:#187b58;background:#e9f8f2;font-weight:600;font-size:13px}.live-pill span{width:8px;height:8px;border-radius:50%;background:#35c48d;box-shadow:0 0 0 4px #35c48d24}.live-pill.offline{color:#9b5c27;border-color:#eed0b5;background:#fff5eb}.live-pill.offline span{background:#f29f58}.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px}.overview-grid article,.settings-page article{border:1px solid #d3dee6;border-radius:14px;background:#fff;padding:28px;box-shadow:0 10px 25px #193a5210}.hero-status{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;background:#102131!important;color:#eef6fa;border-color:#1f3b50!important}.machine-mark{position:relative;width:76px;height:76px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#224159,#122535);color:#7dcaff;font:700 18px IBM Plex Mono}.machine-mark i{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border:4px solid #102131;border-radius:50%;background:#35c48d}.machine-mark i.offline{background:#f29f58}.hero-status h2{margin:0 0 5px;font-size:28px}.machine-name{margin:0;color:#8fa8bb}.status-data{display:flex;border-left:1px solid #294257}.status-data div{padding:4px 24px}.status-data span{display:block;color:#738da2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status-data strong{display:block;margin-top:6px;font-size:14px}.connection-card h3,.recent-card h3{margin:0;font-size:22px}.connection-card>p:last-child{color:#65798a;line-height:1.55}.endpoint-line{display:flex;align-items:center;gap:10px;margin-top:24px;padding:9px 9px 9px 14px;border:1px solid #d6e1e8;background:#f5f8fa;border-radius:9px}.endpoint-line code{overflow:hidden;text-overflow:ellipsis;font-size:12px;flex:1}.endpoint-line button,.card-heading button{border:0;background:#132c40;color:#fff;border-radius:7px;padding:8px 11px;font-size:12px}.access-card ul{margin:4px 0 0;padding:0;list-style:none}.access-card li{padding:15px 0;border-bottom:1px solid #e5ebef;font-weight:500}.access-card li:last-child{border:0}.access-card li span{font:500 11px IBM Plex Mono;color:#39a9ff;margin-right:14px}.recent-card{grid-column:1/-1}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading button{background:transparent;color:#237db8}.compact-ledger{margin-top:18px}.ledger-row{display:grid;grid-template-columns:14px minmax(120px,.25fr) 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid #e6ecef;font-size:13px}.ledger-row>span:not(.event-dot),.ledger-row time{color:#748796}.event-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#91a2af}.event-dot.succeeded{background:#35c48d}.event-dot.failed{background:#e16b5a}.event-dot.queued{background:#39a9ff}.empty-state{color:#768b9b;padding:28px 0}.ledger-page{border-top:2px solid #17354b}.ledger-head,.ledger-entry{display:grid;grid-template-columns:130px 180px minmax(280px,1fr) 140px 80px;gap:18px;align-items:center}.ledger-head{padding:14px 12px;font:600 10px IBM Plex Mono;letter-spacing:.1em;color:#718697}.ledger-entry{padding:16px 12px;border-top:1px solid #d8e1e7;font-size:13px}.ledger-entry>span:first-child{display:flex;gap:9px;align-items:center;text-transform:capitalize}.ledger-entry>span:nth-child(3),.ledger-entry time{color:#687d8d}.ledger-entry code{font-size:11px}.settings-page{display:grid;gap:20px;max-width:980px}.settings-page h2{margin:0 0 20px}.settings-page dl{margin:0}.settings-page dl div{display:grid;grid-template-columns:180px 1fr;padding:14px 0;border-top:1px solid #e3e9ed}.settings-page dt{color:#6e8291}.settings-page dd{margin:0;overflow-wrap:anywhere}.setting-action{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 0;border-top:1px solid #e2e9ed}.setting-action strong{font-size:16px}.setting-action p{margin:5px 0 0;color:#6d8191}.setting-action button{flex:0 0 auto;border:1px solid #91aabb;background:#fff;border-radius:8px;padding:10px 14px}.setting-action.destructive button{border-color:#d47d70;color:#aa3d2d}.toast{position:fixed;right:28px;bottom:28px;background:#102638;color:#fff;border:1px solid #31526a;border-radius:10px;padding:13px 18px;box-shadow:0 12px 30px #0003}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.overview-grid{grid-template-columns:1fr}.connection-card,.access-card{grid-column:1}.hero-status{grid-template-columns:auto 1fr}.status-data{grid-column:1/-1;border:0;border-top:1px solid #294257;padding-top:18px}.status-data div:first-child{padding-left:0}.ledger-page{overflow-x:auto}.ledger-head,.ledger-entry{min-width:850px}}@media(max-width:620px){.app-shell{grid-template-columns:1fr;padding-bottom:68px}.rail{inset:auto 0 0;width:auto;height:62px;flex-direction:row;justify-content:space-around;padding:8px 14px;border:0;border-top:1px solid #152b3d}.rail nav{flex-direction:row;margin:0}.workspace{grid-column:1;padding:24px 18px}.workspace-header{align-items:flex-start;gap:14px}.hero-status{grid-template-columns:1fr}.machine-mark{width:60px;height:60px}.status-data{display:grid;grid-template-columns:1fr}.status-data div{padding:10px 0}.login-panel{padding:90px 26px 70px}.wordmark{left:26px}.privacy-note{left:26px;right:26px}.setting-action{align-items:flex-start;flex-direction:column}.settings-page dl div{grid-template-columns:1fr;gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}