.dropdown{display:inline-flex;position:relative}.dropdown-trigger{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.dropdown-menu{z-index:50;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-menu);flex-direction:column;gap:1px;padding:5px;display:flex;position:absolute}.dropdown-menu--start{left:0}.dropdown-menu--end{right:0}.dropdown-menu--bottom{top:calc(100% + 6px)}.dropdown-menu--top{bottom:calc(100% + 6px)}.dropdown-item{border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:7px 9px;font-size:12.5px;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-bright)}.dropdown-item--active{color:var(--text-bright)}.dropdown-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dropdown-item-marker{color:var(--accent);font-size:10px}.dropdown-divider{background:var(--border-subtle);height:1px;margin:4px 0}.status-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.wordmark{letter-spacing:.14em;font-size:15px;font-weight:800}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);flex-direction:column;flex:none;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:18px 18px 14px;display:flex}.sidebar-brand-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:10.5px}.sidebar-section{cursor:pointer;text-align:left;background:0 0;border:none;align-items:baseline;gap:8px;width:100%;padding:16px 18px 8px;display:flex}.sidebar-section:hover{background:var(--bg-hover)}.sidebar-section--sites{border-top:1px solid var(--border-subtle);padding:12px 18px 8px}.sidebar-caret{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.sidebar-section-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10.5px}.sidebar-section-trailing{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.sidebar-group{flex-direction:column;padding-bottom:6px;display:flex}.sidebar-item{cursor:pointer;align-items:center;gap:8px;padding:6px 18px 6px 32px;display:flex}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item--active{background:var(--bg-active)}.sidebar-item-label{color:var(--text-secondary);font-size:13px;font-weight:500}.sidebar-item--active .sidebar-item-label{color:var(--text-bright);font-weight:600}.sidebar-item-count{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.sidebar-sites{flex-direction:column;min-height:0;display:flex;overflow:auto}.sidebar-filter{padding:4px 18px 10px}.sidebar-filter input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-mono);outline:none;padding:6px 9px;font-size:11px}.sidebar-filter input:focus{border-color:var(--border-focus)}.sidebar-site{cursor:pointer;flex-direction:column;gap:2px;padding:9px 18px;display:flex}.sidebar-site:hover{background:var(--bg-hover)}.sidebar-site--active{background:var(--bg-active)}.sidebar-site-row{align-items:center;gap:8px;display:flex}.sidebar-site-domain{color:var(--text-secondary);font-size:13.5px;font-weight:500}.sidebar-site--active .sidebar-site-domain{color:var(--text-bright);font-weight:600}.sidebar-site-meta{font-family:var(--font-mono);color:var(--text-faint);padding-left:14px;font-size:10px}.sidebar-site--active .sidebar-site-meta{color:var(--text-muted)}.sidebar-empty{font-family:var(--font-mono);color:var(--text-faint);padding:12px 18px;font-size:11px}.sidebar-user-dropdown{display:flex}.sidebar-user-dropdown .dropdown-trigger{flex:1}.sidebar-user-dropdown .dropdown-menu{min-width:0;left:12px;right:12px}.sidebar-user{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex:1;justify-content:space-between;align-items:center;padding:10px 18px;font-size:12.5px;display:flex}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-user-caret{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}@media (width<=1024px){.sidebar-item{padding:9px 18px 9px 32px}.sidebar-site{padding:11px 18px}}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:7px 15px;font-family:inherit;font-size:12.5px;display:inline-flex}.btn--primary{background:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{border-color:var(--border-strong);color:var(--text-secondary);background:0 0;font-weight:500}.btn--secondary:hover{border-color:var(--border-focus);color:var(--text-bright)}.btn--danger{border-color:var(--status-danger);color:var(--status-danger);background:0 0;font-weight:500}.btn--danger:hover{background:var(--status-danger);color:var(--on-accent)}.btn--block{justify-content:center;width:100%}.btn:disabled{opacity:.6;cursor:default}.empty-state{text-align:center;margin:auto;padding:40px}.empty-state-title{color:var(--text-secondary);font-size:13.5px;font-weight:500}.empty-state-desc{font-family:var(--font-mono);color:var(--text-faint);margin-top:6px;font-size:11px}.side-panel-layer{z-index:100;position:fixed;inset:0}.side-panel-backdrop{background:var(--backdrop);position:absolute;inset:0}.side-panel-slot{width:min(460px,100vw);display:flex;position:absolute;top:0;bottom:0;right:0}.side-panel{background:var(--bg-body);border-left:1px solid var(--border);min-width:0;box-shadow:var(--shadow-menu);flex-direction:column;flex:1;animation:.18s ease-out side-panel-in;display:flex}@keyframes side-panel-in{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:none}}.side-panel-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.side-panel-heading{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.side-panel-kicker{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10.5px}.side-panel-title{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:600;overflow:hidden}.side-panel-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.side-panel-close:hover{color:var(--text-bright)}.side-panel-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.panel-form{flex-direction:column;gap:14px;display:flex}.panel-form-row{gap:10px;display:flex}.panel-form-row>*{flex:1;min-width:0}.side-panel-foot{border-top:1px solid var(--border);align-items:center;gap:10px;padding:14px 20px;display:flex}@media (width<=640px){.side-panel-head,.side-panel-body,.side-panel-foot{padding-left:16px;padding-right:16px}}.picker-trigger{text-align:left;cursor:pointer;align-items:center;gap:8px;display:flex}.picker-trigger:disabled{opacity:.6;cursor:default}.picker-trigger-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-trigger-value--empty{color:var(--text-faint)}.picker-trigger-glyph{color:var(--text-muted);font-size:10px}.picker-options{flex-direction:column;gap:1px;display:flex}.picker-option{border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:9px 10px;font-size:12.5px;display:flex}.picker-option:hover{background:var(--bg-hover);color:var(--text-bright)}.picker-option--selected{color:var(--text-bright)}.picker-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.picker-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-option-meta{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.picker-option-marker{color:var(--accent);font-size:10px}.picker-empty{font-family:var(--font-mono);color:var(--text-faint);padding:12px 10px;font-size:11px}.filter-bar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:8px 30px;display:flex}.filter-bar-search{flex:1;align-items:center;gap:8px;min-width:140px;display:flex}.filter-bar-input{min-width:0;height:30px;font-family:var(--font-mono);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:12px}.filter-bar-input::placeholder{color:var(--text-faint)}.filter-bar-clear{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px}.filter-bar-clear:hover{color:var(--text-bright)}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;align-items:center;gap:7px;padding:5px 9px;display:inline-flex}.filter-select:hover,.filter-select--active{border-color:var(--border-strong)}.filter-select-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-faint);font-size:10px}.filter-select-value{color:var(--text-muted);font-size:12px}.filter-select--active .filter-select-value{color:var(--text-bright)}.filter-select-glyph{font-family:var(--font-mono);color:var(--text-faint);font-size:9px}@media (width<=640px){.filter-bar{flex-wrap:wrap;padding:8px 16px}.filter-bar-search{flex-basis:100%}}.page-header{border-bottom:1px solid var(--border);flex:none;align-items:flex-end;gap:16px;padding:24px 30px 20px;display:flex}.page-header-kicker{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;font-size:10.5px}.page-header-title{letter-spacing:-.02em;margin:0;font-size:27px;font-weight:700;line-height:1}.page-header-meta{font-family:var(--font-mono);color:var(--text-muted);gap:14px;margin-top:10px;font-size:11px;display:flex}.page-header-actions{flex:none;gap:9px;display:flex}@media (width<=640px){.page-header{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px 16px}.page-header>.flex-1{display:none}.page-header-meta{flex-wrap:wrap;row-gap:4px}.page-header-actions{flex-wrap:wrap}}.primary-table{flex-direction:column;display:flex;overflow-x:auto}.primary-table--fill{flex:1;min-height:0;overflow-y:auto}@media (width<=1024px){.primary-table--fill{flex:none;overflow-y:visible}}@media (width<=640px){.primary-table-head,.primary-table--compact .primary-table-row,.primary-table--roomy .primary-table-row{padding-left:16px;padding-right:16px}.primary-table-loading{padding:24px 16px}}.primary-table-head{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--border);background:var(--bg-body);flex:none;padding:9px 30px;font-size:10px;display:grid;position:sticky;top:0}.primary-table-loading{font-family:var(--font-mono);color:var(--text-faint);padding:24px 30px;font-size:11px}.primary-table-row{color:inherit;align-items:center;display:grid}.primary-table-row--clickable{cursor:pointer}.primary-table-row--clickable:hover{background:var(--bg-hover)}.primary-table--compact .primary-table-row{border-bottom:1px solid var(--border-subtle);padding:12px 30px}.primary-table--roomy .primary-table-row{border-bottom:1px solid var(--border);column-gap:18px;padding:17px 30px}.table-cell{flex-direction:column;justify-content:center;min-width:0;display:flex}.table-cell--end{text-align:right;align-items:flex-end}.table-cell--end .cell-stack{align-items:flex-end}.cell-name{color:var(--text-secondary);font-size:13.5px;font-weight:500}.cell-title{color:var(--text-secondary);font-size:15px;font-weight:600}.cell-plain{color:var(--text-secondary);font-size:12.5px}.cell-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.cell-value{font-family:var(--font-mono);color:var(--text);font-size:12px}.cell-faint{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.cell-sub{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.cell-note{color:var(--text-faint);font-size:11.5px}.cell-stack{flex-direction:column;gap:3px;min-width:0;display:flex}.cell-row{align-items:center;gap:8px;display:flex}.cell-sub--indent{padding-left:14px}.tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;padding:3px 7px;font-size:10px}.confirm-layer{z-index:300;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-backdrop{background:var(--backdrop);position:absolute;inset:0}.confirm-box{background:var(--bg-body);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:min(400px,100%);box-shadow:var(--shadow-menu);flex-direction:column;gap:10px;padding:18px 20px;animation:.14s ease-out confirm-in;display:flex;position:relative}@keyframes confirm-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.confirm-title{color:var(--text-bright);font-size:15px;font-weight:600}.confirm-message{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.confirm-actions{gap:10px;margin-top:6px;display:flex}.toast-stack{z-index:400;flex-direction:column;gap:8px;max-width:min(420px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{background:var(--bg-deep);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-menu);color:var(--text-secondary);align-items:baseline;gap:9px;padding:10px 12px;font-size:12.5px;animation:.16s ease-out toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toast-marker{font-size:10px}.toast--success .toast-marker{color:var(--status-ok)}.toast--error .toast-marker{color:var(--status-danger)}.toast-message{flex:1;min-width:0}.toast-action{font:inherit;color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px}.toast-action:hover{color:var(--accent-hover)}.toast-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 0 0 2px;font-size:14px;line-height:1}.toast-close:hover{color:var(--text-bright)}.enroll-intro,.enroll-note{color:var(--text-secondary);font-size:12.5px;line-height:1.65}.enroll-note{color:var(--text-muted)}.enroll-command{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;overflow-x:auto}.enroll-command code{font-family:var(--font-mono);color:var(--text-bright);white-space:pre;font-size:11.5px;line-height:1.6}.enroll-callout{background:var(--bg-highlight);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:14px;padding:12px 16px;font-size:12.5px;display:flex}.job-timeline{flex-direction:column;display:flex}.job-entry{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:12px 0;display:flex}.job-entry:first-child{border-top:none}.job-entry-head{align-items:center;gap:10px;display:flex}.job-entry-type{font-family:var(--font-mono);color:var(--text-bright);font-size:12.5px}.job-entry-time{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.job-events{border-left:1px solid var(--border);flex-direction:column;gap:3px;margin-left:3px;padding-left:18px;display:flex}.job-event{color:var(--text-muted);gap:8px;font-size:11.5px;display:flex}.job-event-stage{font-family:var(--font-mono);color:var(--text-faint);min-width:96px;font-size:10.5px}.job-error{font-family:var(--font-mono);color:var(--status-danger);padding-left:18px;font-size:11.5px;line-height:1.6}.node-checks{flex-direction:column;gap:16px;display:flex}.node-checks-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.node-check-section{flex-direction:column;gap:12px;display:flex}.node-check-title{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.node-check-sub{color:var(--accent);font-size:15px}.node-check-note{margin:-4px 0 0}.node-checks-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 20px;padding:14px 16px;display:grid}.node-check{align-items:flex-start;gap:10px;display:flex}.section-subtitle{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:4px 0 0;font-size:13px}.rack-strip{border-top:1px solid var(--border);background:var(--bg-deep);z-index:70;flex:none;align-items:center;gap:12px;padding:13px 30px;display:flex;position:relative;overflow:hidden}.rack-empty{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.rack-cards{flex:none;gap:8px;min-width:0;display:flex;overflow:hidden}.rack-card{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:3px;padding:6px 9px;text-decoration:none;display:flex}.rack-card:hover{background:var(--bg-hover)}.rack-card--selected{border-color:var(--border-strong);background:var(--bg-active)}.rack-card-name{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.rack-card--selected .rack-card-name{color:var(--text-bright)}.rack-card-type{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-faint);white-space:nowrap;padding-left:13px;font-size:9.5px}.rack-status{text-align:right;white-space:nowrap;flex-direction:column;gap:3px;min-width:0;display:flex;overflow:hidden}.rack-status-line{font-family:var(--font-mono);text-overflow:ellipsis;font-size:11px;overflow:hidden}.rack-status-detail{color:var(--text-faint);text-overflow:ellipsis;font-size:11.5px;overflow:hidden}@media (width<=1024px){.rack-strip{padding:13px 16px;overflow-x:auto}.rack-strip>.flex-1{display:none}.rack-status{text-align:left;flex:none;overflow:visible}}@media (width<=640px){.rack-status{display:none}}.event-feed{top:0;right:0;bottom:var(--strip-height);z-index:60;background:var(--bg-deep);border-left:1px solid var(--border);width:340px;transition:transform .22s;display:flex;position:fixed;transform:translate(100%)}.event-feed--open{transform:translate(0)}.event-feed-inner{flex-direction:column;width:340px;height:100%;display:flex}.event-feed-head{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.event-feed-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.event-feed-pulse{background:var(--status-ok);width:8px;height:8px;box-shadow:0 0 0 0 var(--status-ok);border-radius:50%;animation:2s infinite feed-pulse}@keyframes feed-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status-ok) 60%, transparent)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.event-feed-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.event-feed-close:hover{color:var(--text-bright)}.event-feed-list{flex:1;padding:6px 0;overflow-y:auto}.event-feed-empty{color:var(--text-faint);text-align:center;padding:24px 16px;font-size:12px}.event-item{border-bottom:1px solid var(--border-subtle);gap:10px;padding:9px 16px;animation:.4s feed-item-in;display:flex}@keyframes feed-item-in{0%{opacity:0;background:color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-8px)}60%{opacity:1;transform:translateY(0)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.event-item{animation:none}}.event-item-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.event-item--success .event-item-dot{background:var(--status-ok)}.event-item--error .event-item-dot{background:var(--status-danger)}.event-item--warn .event-item-dot{background:var(--status-warn)}.event-item--info .event-item-dot{background:var(--accent)}.event-item-body{flex:1;min-width:0}.event-item-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.event-item-title{color:var(--text-bright);font-size:13px}.event-item-subject{color:var(--text-muted);font-size:12px}.event-item--error .event-item-title{color:var(--status-danger)}.event-item-detail{color:var(--text-faint);word-break:break-word;margin-top:2px;font-size:11px}.event-item-meta{font-family:var(--font-mono);color:var(--text-faint);align-items:center;gap:6px;margin-top:3px;font-size:10.5px;display:flex}.event-item-cat{text-transform:uppercase;letter-spacing:.05em}.event-item-link{color:var(--text-muted);margin-left:auto;text-decoration:none}.event-item-link:hover{color:var(--accent)}.rack-feed-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);background:0 0;flex-shrink:0;align-items:center;gap:7px;margin-left:14px;padding:5px 11px;font-size:11px;display:inline-flex}.rack-feed-toggle:hover{color:var(--text-bright);border-color:var(--border)}.rack-feed-toggle--active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.rack-feed-glyph{font-size:13px;line-height:1}.rack-feed-badge{background:var(--status-danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;display:inline-flex}@media (width>=900px){.control-shell--feed .control-main{margin-right:340px}.control-main{transition:margin-right .22s}}.control-shell{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.control-body{flex:1;min-height:0;display:flex}.control-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.control-topbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;height:52px;padding:0 16px;display:none}.control-topbar-menu{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 9px 6px;font-size:17px;line-height:1}.control-topbar-menu:hover{border-color:var(--border-strong);color:var(--text-bright)}.control-sidebar{display:contents}.control-backdrop{display:none}@media (width<=1024px){.control-topbar{display:flex}.control-sidebar{z-index:100;background:var(--bg-body);transition:transform .2s;display:block;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.control-sidebar--open{box-shadow:var(--shadow-menu);transform:translate(0)}.control-sidebar .sidebar{height:100%}.control-backdrop{z-index:90;background:var(--backdrop);cursor:pointer;border:none;padding:0;display:block;position:fixed;inset:0}}.portal-shell{flex-direction:column;flex:1;min-height:0;display:flex}.portal-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;height:54px;padding:0 22px;display:flex}.portal-brand{color:var(--text);align-items:baseline;gap:8px;display:flex}.portal-brand-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);font-size:10px}.portal-header-divider{background:var(--border);flex:none;width:1px;height:20px}.portal-menu-trigger{color:var(--text-secondary);align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:500;display:inline-flex}.portal-menu-label{max-width:40vw}.portal-menu-trigger:hover{color:var(--text-bright)}.portal-menu-caret{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.portal-nav{border-bottom:1px solid var(--border);scrollbar-width:none;flex:none;align-items:stretch;gap:2px;padding:0 22px;display:flex;overflow-x:auto}.portal-nav::-webkit-scrollbar{display:none}.portal-nav-item{white-space:nowrap;color:var(--text-secondary);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:12px 14px;font-size:13px;font-weight:500;display:inline-flex}.portal-nav-item:hover{color:var(--text-bright)}.portal-nav-item--active{color:var(--text-bright);border-bottom-color:var(--accent)}.portal-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=640px){.portal-nav{padding:0 8px}.portal-nav-item{padding:12px 10px}.portal-header{gap:10px;padding:0 14px}.portal-brand-tag,.portal-header-divider{display:none}.portal-menu-label{max-width:32vw}}.center-card-viewport{flex:1;min-height:0;padding:16px;display:flex}.center-card{border:1px solid var(--border);background:var(--bg-deep);border-radius:var(--radius-sm);width:340px;max-width:100%;margin:auto;padding:26px 26px 24px}.center-card-head{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.center-card-subtitle{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10.5px}.center-card-body,.center-card-body form{flex-direction:column;gap:9px;display:flex}.center-card-note{font-family:var(--font-mono);color:var(--text-faint);font-size:11px;line-height:1.6}.row-check{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.bulk-bar{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-highlight);align-items:center;gap:14px;margin-bottom:10px;padding:10px 16px;display:flex}.bulk-bar-count{font-family:var(--font-mono);color:var(--text-bright);font-size:13px}.bulk-bar-link{cursor:pointer;font-family:var(--font-mono);color:var(--text-muted);background:0 0;border:none;padding:0;font-size:12px}.bulk-bar-link:hover{color:var(--text-bright)}.stat-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid;overflow:hidden}.stat{background:var(--bg-body);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10px}.stat-value{color:var(--text-bright);font-size:14px}.db-manage{flex-direction:column;gap:20px;display:flex}.db-section{flex-direction:column;gap:8px;display:flex}.db-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);align-items:baseline;gap:8px;margin:0 0 2px;font-size:12px;display:flex}.db-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-deep);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.db-row-actions{flex-shrink:0;gap:10px;display:flex}.db-row-action,.db-row-remove{cursor:pointer;font-size:12px;font-family:var(--font-mono);background:0 0;border:none;padding:0}.db-row-action{color:var(--text-muted)}.db-row-action:hover{color:var(--text-bright)}.db-row-remove{color:var(--status-danger);opacity:.85}.db-row-remove:hover{opacity:1}.db-add{align-items:stretch;gap:8px;margin-top:2px;display:flex}.db-add .field{flex:1}.db-add--grant{flex-wrap:wrap}.db-add--grant .field{min-width:120px}.db-hint{margin:2px 0 0;font-size:12px}.db-reveal{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-highlight);flex-direction:column;gap:6px;padding:12px;display:flex}.db-reveal-label{color:var(--text-secondary);font-size:12px}.db-reveal-value{font-family:var(--font-mono);color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:14px}.db-reveal-dismiss{cursor:pointer;color:var(--text-muted);font-size:12px;font-family:var(--font-mono);background:0 0;border:none;align-self:flex-start;padding:0}.db-reveal-dismiss:hover{color:var(--text-bright)}.ssh-conn{border:1px solid var(--border);background:var(--bg-highlight);border-radius:6px;flex-direction:column;gap:6px;padding:14px;display:flex}.ssh-conn-row{grid-template-columns:46px 1fr auto;align-items:center;gap:10px;display:grid}.ssh-conn-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.ssh-conn-value{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ssh-conn-copy{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px;transition:color .12s,border-color .12s}.ssh-conn-copy:hover{color:var(--accent);border-color:var(--accent)}.ssh-conn-note{color:var(--text-faint);margin:4px 0 0;font-size:12px;line-height:1.5}.ssh-mode{gap:4px;margin-bottom:12px;display:flex}.ssh-mode-tab{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:6px 10px;font-size:11px;transition:color .12s,border-color .12s,background .12s}.ssh-mode-tab:hover{color:var(--text)}.ssh-mode-tab--active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.ssh-keyinput{font-family:var(--font-mono);resize:vertical;min-height:64px;font-size:12px}.ssh-private{width:100%;font-family:var(--font-mono);color:var(--text);background:var(--bg-deep);border:1px solid var(--border);resize:vertical;border-radius:4px;padding:8px;font-size:11px;line-height:1.45}.cron-row--disabled .cron-cmd{color:var(--text-faint)}.cron-cmd{overflow-wrap:anywhere;font-size:12px}.cron-form-actions{gap:8px;display:flex}.domain-list{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.domain-row{align-items:center;gap:10px;padding:8px 10px;display:flex}.domain-row+.domain-row{border-top:1px solid var(--border-subtle)}.domain-name{min-width:0;font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.domain-action{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:10.5px}.domain-action:hover{color:var(--text-bright)}.domain-action--danger{font-size:13px}.domain-action--danger:hover{color:var(--status-danger)}.domain-badge{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px;font-size:9.5px}.domain-add{align-items:flex-end;gap:10px;display:flex}.domain-add>label{flex:1;min-width:0}.ssl-row{align-items:center;gap:12px;display:flex}.ssl-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;flex:1;font-size:12px}.ssl-status--active{color:var(--status-ok)}.ssl-status--pending{color:var(--status-warn)}.ssl-status--failed{color:var(--status-danger)}.ssl-status--none{color:var(--text-faint)}.ssl-status--platform{color:var(--status-ok)}.metric-chart{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-deep);flex-direction:column;gap:6px;padding:12px 14px 8px;display:flex}.metric-chart-head{justify-content:space-between;align-items:baseline;display:flex}.metric-chart-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:11px}.metric-chart-latest{font-family:var(--font-mono);color:var(--text-bright);font-size:15px}.metric-chart-svg{width:100%;display:block}.metric-chart-grid{stroke:var(--border-subtle);stroke-width:1px;shape-rendering:crispedges}.metric-chart-axis{fill:var(--text-faint);font-family:var(--font-mono);font-size:9.5px}.metric-chart-line{fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.metric-chart-empty{height:112px;color:var(--text-faint);justify-content:center;align-items:center;font-size:12px;display:flex}.metric-chart-legend{flex-wrap:wrap;gap:12px;display:flex}.metric-chart-key{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.metric-chart-swatch{border-radius:2px;width:9px;height:9px;display:inline-block}.metrics-dash{flex-direction:column;gap:12px;display:flex}.metrics-dash-head{justify-content:space-between;align-items:center;display:flex}.metrics-dash-ranges{gap:4px;display:flex}.metrics-range{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);color:var(--text-muted);background:0 0;padding:3px 10px;font-size:12px}.metrics-range:hover{color:var(--text-bright);border-color:var(--border)}.metrics-range--active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.metrics-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=640px){.metrics-dash-grid{grid-template-columns:1fr}}.domain-refresh{cursor:pointer;font-size:15px;line-height:1;font-family:var(--font-mono);color:var(--text-muted);background:0 0;border:none;padding:4px}.domain-refresh:hover{color:var(--text-bright)}.domain-refresh:disabled{cursor:default}.domain-refresh--busy{animation:.8s linear infinite domain-refresh-spin}@keyframes domain-refresh-spin{to{transform:rotate(360deg)}}.email-preview{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;height:460px}.email-error{border:1px solid var(--status-danger);background:color-mix(in srgb, var(--status-danger) 10%, transparent);color:var(--text);word-break:break-word;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.email-error-label{font-family:var(--font-mono,monospace);letter-spacing:.08em;color:var(--status-danger);font-size:11px}.settings-form{flex-direction:column;gap:16px;max-width:440px;display:flex}.settings-form-actions{gap:12px;margin-top:4px;display:flex}.field-hint{color:var(--text-faint);margin:-4px 0 0;font-size:13px;line-height:1.5}.section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{text-decoration:underline}.link-button:disabled{color:var(--text-faint);cursor:default;text-decoration:none}.link-button--danger{color:var(--status-danger)}.invite-lead{color:var(--text);margin-bottom:20px;font-size:15px;line-height:1.55}.invite-status{color:var(--text-faint);margin-bottom:16px;font-size:14px;line-height:1.55}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-ext-wght-normal-Dh0aNLWd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Spline Sans Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/spline-sans-mono-latin-wght-normal-DlaB5ohX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#e8a33d;--accent-hover:#f0b558;--on-accent:#131110;--bg-body:#131110;--bg-deep:#0f0d0c;--bg-hover:#181514;--bg-highlight:#161312;--bg-active:#1d1917;--bg-input:#181514;--border:#2a2421;--border-subtle:#1f1b19;--border-strong:#3a332e;--border-faint:#221d1a;--border-focus:#57504a;--text:#e6dfd7;--text-bright:#f2ece4;--text-secondary:#cfc7bd;--text-muted:#8d8177;--text-faint:#57504a;--status-ok:#86c07a;--status-warn:#d9a94f;--status-danger:#de6b51;--meter-fill:var(--accent);--meter-empty:#292320;--scrollbar-thumb:#3a332e;--shadow-menu:0 12px 32px -10px #0009;--backdrop:#0000008c;--font-sans:"Archivo Variable", system-ui, sans-serif;--font-mono:"Spline Sans Mono Variable", ui-monospace, monospace;--radius-sm:2px;--sidebar-width:264px;--strip-height:46px}.mono{font-family:var(--font-mono)}.text-bright{color:var(--text-bright)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-ok{color:var(--status-ok)}.text-warn{color:var(--status-warn)}.text-danger{color:var(--status-danger)}.ms-auto{margin-left:auto}.flex-1{flex:1}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-loading{font-family:var(--font-mono);color:var(--text-faint);padding:24px 30px;font-size:11px}.page{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (width<=1024px){.page{overflow-y:auto}}.page-body{--page-gutter:30px;min-height:0;padding:18px var(--page-gutter);flex-direction:column;flex:1;gap:20px;display:flex;overflow-y:auto}.page-body>*{flex:none}.page-body>section{margin-top:34px}.page-body .primary-table .empty-state{padding-top:16px;padding-bottom:0}@media (width<=640px){.page-body{--page-gutter:16px;padding:16px var(--page-gutter)}}.page-body-bleed{margin-inline:calc(-1 * var(--page-gutter))}.section-title{color:var(--text-bright);border-left:2px solid var(--accent);margin:0 0 10px;padding-left:9px;font-size:13px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:10.5px}.field-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.field-input:focus{border-color:var(--border-focus)}.field-input::placeholder{color:var(--text-faint)}.field-error{font-family:var(--font-mono);color:var(--status-danger);font-size:11px;line-height:1.6}.field-input--area{resize:vertical;min-height:72px;font-family:var(--font-mono);font-size:12px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:var(--text);margin:0}#root{flex-direction:column;height:100dvh;display:flex}a{cursor:pointer;text-decoration:none}.link-accent{color:var(--accent);white-space:nowrap;font-size:12px}.link-accent:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-track{background:0 0}