@import"https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--font-heading: "Archivo", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-label: 10px;--text-meta: 11px;--text-title: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 21px;--text-2xl: 24px;--track-label: .14em;--track-title: .06em;--track-hero: .18em;--brand: #1C4D8C;--brand-bg: rgba(28, 77, 140, .1);--brand-border: rgba(28, 77, 140, .2);--brand-glow: 0 0 0 3px rgba(28, 77, 140, .15);--danger: #D93A2B;--sf-base: #DCE1E8;--sf-raise: #EDF1F6;--sf-sink: #D4DAE3;--sf-dark: #A9B2BF;--sf-light: #FFFFFF;--sf-text: #232D3B;--sf-muted: #525C6A;--bg: #F2F2F2;--surface: #ffffff;--border: #e5e7eb;--hover: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--online: #059669;--warn: #D97706;--down: #9ca3af;--radius-card: 16px;--radius-control: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sf-base);color:var(--sf-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;cursor:pointer}.topbar-date,.agent-chat-sub,.overview-head p{font-variant-numeric:tabular-nums}.boot{height:100%;display:grid;place-items:center;font-family:var(--font-heading);font-size:var(--text-title);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-muted)}.hub-layout{display:flex;height:100%}.hub-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.rule-below,.topbar,.sidebar-brand,.toolbar{border-bottom:1px solid var(--sf-dark);box-shadow:0 1px 0 var(--sf-light)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 16px;background:var(--sf-base)}.topbar-date{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.04em;color:var(--sf-muted)}.sidebar{width:256px;flex:none;display:flex;flex-direction:column;background:var(--sf-base);position:relative;z-index:2;box-shadow:7px 0 18px #7e8a9a42}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 16px}.brand-logo{height:26px;width:auto;flex:none}.brand-chip{width:36px;height:36px;flex:none;display:grid;place-items:center;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius-control);color:var(--brand)}.sidebar-brand h1{margin:0;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--track-title);color:var(--sf-text);text-shadow:-1px -1px 0 var(--sf-light),1px 1px 2px rgba(0,0,0,.18)}.sidebar-projects{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:4px}.nav-label{margin:0 0 6px;padding:0 10px;font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--sf-muted)}.nav-label-gap{margin-top:16px}.sidebar-empty{color:var(--sf-muted);font-size:var(--text-base);padding:8px 10px}.project-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;text-align:left;background:transparent;color:var(--sf-muted);border:0;border-radius:var(--radius-control);transition:box-shadow .14s ease,color .14s ease}.project-item:hover{color:var(--sf-text);background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:3px 3px 7px var(--sf-dark),-3px -3px 7px var(--sf-light)}.project-item.selected{color:var(--sf-text);background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 4px 4px 8px var(--sf-dark),inset -4px -4px 8px var(--sf-light)}.project-item.selected:before{content:"";position:absolute;left:4px;top:11px;bottom:11px;width:3px;border-radius:2px;background:var(--accent, var(--brand))}.project-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.nav-icon{flex:none;color:var(--sf-muted);transition:color .14s ease}.project-item:hover .nav-icon{color:var(--sf-text)}.project-item.selected .nav-icon{color:var(--accent, var(--brand))}.project-name{flex:1;font-size:var(--text-md);font-weight:500}.project-item.selected .project-name{font-weight:600}.overview-item.selected{color:var(--brand)}.dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--sf-sink);box-shadow:inset 1px 1px 2px var(--sf-dark),inset -1px -1px 2px var(--sf-light)}.dot-online{background:var(--online);box-shadow:0 0 0 2px #05966929,0 0 9px 2px #0596698c;animation:led-breathe 2.6s ease-in-out infinite}.dot-error{background:var(--warn);box-shadow:0 0 0 2px #d9770629,0 0 9px 2px #d9770680}.dot-down{background:#b3352a;box-shadow:inset 1px 1px 2px #0006,0 0 0 2px #b3352a24}.dot-pending{opacity:.9}.dot-unknown{opacity:.6}@keyframes led-breathe{0%,to{opacity:1}50%{opacity:.6}}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--sf-dark);box-shadow:inset 0 1px 0 var(--sf-light)}.logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:0;border-radius:var(--radius-control);color:var(--sf-muted);background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:4px 4px 9px var(--sf-dark),-4px -4px 9px var(--sf-light);font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;transition:box-shadow .14s ease,color .14s ease}.logout:hover{color:var(--danger)}.logout:active{box-shadow:inset 3px 3px 7px var(--sf-dark),inset -3px -3px 7px var(--sf-light)}.logout:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.viewport{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--sf-base)}.viewport-empty{align-items:center;justify-content:center;color:var(--sf-muted);font-size:var(--text-md)}.toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--sf-base)}.toolbar-title{font-family:var(--font-heading);font-size:var(--text-title);font-weight:700;letter-spacing:var(--track-title);text-transform:uppercase;color:var(--sf-text)}.toolbar-desc{flex:1;font-size:var(--text-base);color:var(--sf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-actions{display:flex;gap:8px}.toolbar-actions button,.toolbar-actions a{font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;padding:8px 14px;border:0;border-radius:var(--radius-control);color:var(--sf-muted);text-decoration:none;background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:3px 3px 7px var(--sf-dark),-3px -3px 7px var(--sf-light);transition:box-shadow .14s ease,color .14s ease}.toolbar-actions button:hover,.toolbar-actions a:hover{color:var(--brand);box-shadow:5px 5px 10px var(--sf-dark),-5px -5px 10px var(--sf-light)}.toolbar-actions button:active,.toolbar-actions a:active{box-shadow:inset 3px 3px 6px var(--sf-dark),inset -3px -3px 6px var(--sf-light)}.toolbar-actions button:focus-visible,.toolbar-actions a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.module-frame{flex:1;width:100%;border:0;background:#fff}.down-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.down-panel h2{margin:0;font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;letter-spacing:var(--track-title);text-transform:uppercase;color:var(--sf-text)}.down-panel p{margin:0;color:var(--sf-muted);font-size:var(--text-md)}.down-actions{display:flex;gap:10px;margin-top:14px}.down-actions button{padding:11px 18px;border:0;border-radius:var(--radius-control);background:linear-gradient(145deg,#3D7DBF,var(--brand));color:#fff;font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;box-shadow:5px 5px 12px #1c4d8c52,-4px -4px 10px var(--sf-light)}.down-actions button:hover{box-shadow:7px 7px 16px #1c4d8c66,-4px -4px 10px var(--sf-light)}.down-actions button:active{box-shadow:inset 3px 3px 8px #0b284c80,inset -3px -3px 8px #ffffff29}.down-actions a{padding:9px 16px;border-radius:var(--radius-control);background:var(--surface);color:var(--text-secondary);border:2px solid var(--border);text-decoration:none;font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase}.down-actions a:hover{color:var(--brand);border-color:var(--brand-border);box-shadow:var(--brand-glow)}.hub-pet{position:absolute;bottom:4px;left:8px;width:110px;z-index:4;background:transparent;border:0;padding:0;cursor:pointer;animation:pet-walk 90s linear infinite}.hub-pet svg{display:block}.hub-pet-paused{animation-play-state:paused}@keyframes pet-walk{0%{left:8px;transform:scaleX(1)}49%{left:calc(100% - 122px);transform:scaleX(1)}50%{left:calc(100% - 122px);transform:scaleX(-1)}99%{left:8px;transform:scaleX(-1)}to{left:8px;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.hub-pet{animation:none;right:16px;left:auto}}.agent-chat{position:absolute;left:16px;bottom:124px;width:320px;max-height:440px;display:flex;flex-direction:column;z-index:6;border:0;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:10px 10px 24px var(--sf-dark),-8px -8px 20px var(--sf-light)}.agent-chat-head{display:flex;align-items:baseline;gap:8px;padding:11px 14px;border-bottom:1px solid var(--sf-dark);box-shadow:0 1px 0 var(--sf-light)}.agent-chat-title{font-family:var(--font-heading);font-size:var(--text-title);font-weight:700;letter-spacing:var(--track-title);color:var(--sf-text)}.agent-chat-sub{flex:1;font-family:var(--font-mono);font-size:var(--text-label);color:var(--sf-muted)}.agent-chat-close{background:transparent;border:0;font-size:18px;line-height:1;color:var(--sf-muted);padding:0 2px}.agent-chat-close:hover{color:var(--sf-text)}.agent-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:120px}.agent-msg{margin:0;padding:8px 11px;border-radius:12px;font-size:var(--text-base);max-width:85%;white-space:pre-wrap}.agent-msg-clawd{align-self:flex-start;background:var(--brand-bg);border:1px solid var(--brand-border);color:var(--text-primary)}.agent-msg-me{align-self:flex-end;border:0;color:var(--sf-muted);background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 2px 2px 5px var(--sf-dark),inset -2px -2px 5px var(--sf-light)}.agent-msg-thinking{color:var(--sf-muted)}.agent-input{display:flex;gap:8px;padding:10px;border-top:1px solid var(--sf-dark);box-shadow:inset 0 1px 0 var(--sf-light)}.agent-input input{flex:1;padding:10px 12px;border:0;border-radius:999px;font:inherit;color:var(--sf-text);background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 4px 4px 8px var(--sf-dark),inset -4px -4px 8px var(--sf-light)}.agent-input input::placeholder{color:var(--sf-muted)}.agent-input input:focus{outline:none;box-shadow:inset 4px 4px 8px var(--sf-dark),inset -4px -4px 8px var(--sf-light),0 0 0 2px var(--brand)}.agent-input button{padding:10px 15px;border-radius:999px;border:0;color:#fff;background:linear-gradient(145deg,#3D7DBF,var(--brand));box-shadow:4px 4px 9px #1c4d8c4d,-3px -3px 8px var(--sf-light);font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase}.agent-input button:disabled{opacity:.5;cursor:default}.agent-input button:hover:not(:disabled){background:#173f73}.login-screen{position:relative;overflow:hidden;height:100%;display:grid;place-items:center;padding:24px;background:var(--sf-base)}.login-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--sf-dark);opacity:.6;filter:drop-shadow(0 2px 0 rgba(255,255,255,.9));pointer-events:none}.login-card{position:relative;z-index:1;overflow:hidden;width:400px;max-width:100%;padding:44px 40px 30px;display:flex;flex-direction:column;align-items:center;border-radius:28px;background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:22px 22px 44px var(--sf-dark),-22px -22px 44px var(--sf-light)}.login-trace{position:absolute;width:132px;pointer-events:none;color:var(--sf-dark);opacity:.9;filter:drop-shadow(0 1.5px 0 rgba(255,255,255,.95))}.login-trace-tl{top:0;left:0}.login-trace-tr{top:0;right:0;transform:scaleX(-1)}.login-trace-bl{bottom:0;left:0;transform:scaleY(-1);filter:drop-shadow(0 -1.5px 0 rgba(255,255,255,.95))}.login-trace-br{bottom:0;right:0;transform:scale(-1);filter:drop-shadow(0 -1.5px 0 rgba(255,255,255,.95))}.login-well{display:grid;place-items:center;min-width:96px;padding:18px 28px;border-radius:24px;color:var(--sf-muted);background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 8px 8px 16px var(--sf-dark),inset -8px -8px 16px var(--sf-light)}.login-well img{display:block;height:46px;width:auto}.login-card h1{margin:22px 0 0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--track-hero);text-indent:var(--track-hero);text-align:center;color:var(--sf-text);text-shadow:-1px -1px 0 var(--sf-light),1px 1px 2px rgba(0,0,0,.22)}.login-field{display:flex;align-items:center;gap:10px;width:100%;margin-top:28px;padding:0 14px;border-radius:999px;background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 7px 7px 14px var(--sf-dark),inset -7px -7px 14px var(--sf-light)}.login-field:focus-within{box-shadow:inset 7px 7px 14px var(--sf-dark),inset -7px -7px 14px var(--sf-light),0 0 0 2px var(--brand)}.login-field-icon{flex:none;color:var(--sf-muted)}.login-card input{flex:1;min-width:0;padding:15px 0;border:0;background:transparent;font-family:var(--font-body);font-size:var(--text-md);color:var(--sf-text)}.login-card input::placeholder{color:var(--sf-muted)}.login-card input:focus{outline:none}.login-reveal{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:var(--sf-muted);background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:3px 3px 6px var(--sf-dark),-3px -3px 6px var(--sf-light)}.login-reveal:hover{color:var(--sf-text)}.login-reveal:active{box-shadow:inset 3px 3px 6px var(--sf-dark),inset -3px -3px 6px var(--sf-light)}.login-reveal:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.login-submit{width:100%;margin-top:18px;padding:16px;border:0;border-radius:999px;color:#fff;background:linear-gradient(145deg,#3D7DBF,var(--brand));font-family:var(--font-heading);font-size:var(--text-meta);font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;box-shadow:8px 8px 18px #1c4d8c5c,-6px -6px 16px var(--sf-light);transition:box-shadow .14s ease,transform .14s ease}.login-submit:hover:not(:disabled){box-shadow:11px 11px 24px #1c4d8c6b,-6px -6px 16px var(--sf-light)}.login-submit:active:not(:disabled){transform:translateY(1px);box-shadow:inset 3px 3px 8px #0b284c80,inset -3px -3px 8px #ffffff29}.login-submit:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.login-submit:disabled{cursor:default;color:#ffffffd9;background:linear-gradient(145deg,#b4bcc7,#9aa4b1);box-shadow:6px 6px 14px var(--sf-dark),-6px -6px 14px var(--sf-light)}.login-error{width:100%;margin:14px 0 0;text-align:center;color:#b3261e;font-size:var(--text-base);font-weight:500}.login-foot{margin:26px 0 0;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;color:var(--sf-muted)}@media (prefers-reduced-motion: reduce){.login-submit,.module-card,.project-item,.logout,.toolbar-actions button,.toolbar-actions a{transition:none}.module-card:hover{transform:none}.dot-online{animation:none}}.overview{flex:1;overflow-y:auto;padding:28px 32px;background:var(--sf-base)}.overview-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.overview-head h2{margin:0;font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;letter-spacing:var(--track-title);color:var(--sf-text);text-shadow:-1px -1px 0 var(--sf-light),1px 1px 2px rgba(0,0,0,.16)}.overview-head p{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--sf-muted)}.gauge{display:flex;align-items:center;gap:3px;padding:6px 9px;border-radius:8px;background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 3px 3px 6px var(--sf-dark),inset -3px -3px 6px var(--sf-light)}.gauge-cell{width:4px;height:13px;border-radius:2px;background:var(--sf-dark);opacity:.45}.gauge-cell-lit{background:var(--online);opacity:1;box-shadow:0 0 6px #059669a6}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.module-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;text-align:left;border:0;border-radius:18px;color:var(--sf-text);background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:7px 7px 16px var(--sf-dark),-7px -7px 16px var(--sf-light);transition:box-shadow .16s ease,transform .16s ease}.module-card:hover{transform:translateY(-2px);box-shadow:10px 10px 22px var(--sf-dark),-10px -10px 22px var(--sf-light)}.module-card:active{transform:translateY(0);box-shadow:inset 6px 6px 12px var(--sf-dark),inset -6px -6px 12px var(--sf-light)}.module-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.module-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--accent, var(--brand))}.module-card-pending,.module-card-unknown{color:var(--sf-muted);background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 6px 6px 12px var(--sf-dark),inset -6px -6px 12px var(--sf-light)}.module-card-pending:hover,.module-card-unknown:hover{transform:none;box-shadow:inset 4px 4px 9px var(--sf-dark),inset -4px -4px 9px var(--sf-light)}.module-card-pending:before,.module-card-unknown:before{opacity:.3}.module-card-top{display:flex;align-items:center;justify-content:space-between;width:100%}.module-chip{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;color:var(--accent, var(--brand));background:linear-gradient(145deg,var(--sf-sink),var(--sf-raise));box-shadow:inset 3px 3px 6px var(--sf-dark),inset -3px -3px 6px var(--sf-light)}.module-card-name{font-family:var(--font-heading);font-size:var(--text-title);font-weight:700;letter-spacing:var(--track-title);color:inherit}.module-card-desc{font-size:var(--text-base);color:var(--sf-muted);min-height:2.6em}.module-card-status{display:flex;align-items:center;gap:8px;width:100%;margin-top:2px;padding-top:12px;border-top:1px solid var(--sf-dark);box-shadow:inset 0 1px 0 var(--sf-light)}.module-card-state{font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);color:var(--sf-muted)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:10}.toast{padding:13px 16px;border:0;border-radius:14px;font-size:var(--text-base);max-width:340px;color:var(--sf-muted);background:linear-gradient(145deg,var(--sf-raise),var(--sf-sink));box-shadow:7px 7px 16px var(--sf-dark),-5px -5px 12px var(--sf-light)}.toast strong{margin-right:8px;font-family:var(--font-heading);font-size:var(--text-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--brand)}