:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--canvas: #070b14;--header: #090e1a;--surface: #111725;--surface-raised: #172033;--surface-hover: #202b40;--text: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #aeb9cc;--text-subtle: #8e9bb0;--accent: #67e8f9;--accent-hover: #a5f3fc;--accent-ink: #071019;--danger: #fda4af;--danger-surface: #4b1f2b;--radius-small: .5rem;--radius-medium: .75rem;--radius-large: 1rem}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:20rem;background:var(--canvas);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,input,select,textarea,a{outline:none}button{border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{background:var(--accent-hover);color:var(--accent-ink)}p,h1,h2{margin:0}[hidden]{display:none!important}[data-phx-session],[data-phx-teleported-src]{display:contents}.app-shell{min-height:100vh;background:var(--canvas)}.app-header{background:#090e1af5}.app-header__inner,.app-main{width:min(100%,93.75rem);margin:0 auto;padding-inline:1.25rem}.app-header__inner{display:flex;min-height:4rem;align-items:center;justify-content:space-between}.app-main{padding-block:2rem}.brand,.operator-nav,.live-indicator,.checkbox-label,.operation-row__heading,.panel__header,.component-header--with-actions{display:flex;align-items:center}.brand{display:block;border-radius:var(--radius-small)}.brand:focus-visible,.operator-nav__logout:focus-visible{background:var(--accent-hover);color:var(--accent-ink)}.brand__logo,.resource-name__title,.resource-name__id{display:block}.brand__logo{width:auto;height:2rem}.operator-nav{gap:1rem}.operator-nav__email,.operator-nav__logout{color:var(--text-muted);font-size:.75rem}.operator-nav__logout{padding:.5rem;border-radius:var(--radius-small);font-weight:600;transition:background-color .16s ease,color .16s ease}.operator-nav__logout:hover{color:#fff}.dashboard{display:grid;gap:2rem}.dashboard__heading{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}.page-title{color:#fff;font-size:clamp(1.875rem,5vw,2.25rem);font-weight:650;letter-spacing:-.025em;line-height:1.15}.live-indicator{align-self:flex-start;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:var(--surface-raised);color:var(--text-secondary);font-size:.75rem}.live-indicator__dot,.connection-pulse{display:inline-block;width:.5rem;height:.5rem;border-radius:999px;background:var(--accent)}.connection-pulse{margin-left:.25rem;animation:pulse 1.5s ease-in-out infinite}.summary-grid{display:grid;gap:.75rem}.summary-card,.action-panel,.panel,.data-list__item{border-radius:var(--radius-large);background:var(--surface)}.summary-card{padding:1rem 1.25rem}.summary-card__label,.panel__code{color:var(--text-subtle);font-size:.625rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.summary-card__value{margin-top:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.875rem;font-weight:650}.summary-card__value--neutral{color:#fff}.summary-card__value--healthy{color:#86efac}.summary-card__value--degraded{color:#fde68a}.summary-card__value--unreachable{color:#fda4af}.summary-card__value--unknown{color:var(--text-secondary)}.pool-grid{display:grid;gap:.75rem;padding:1rem}.pool-card{display:grid;min-width:0;gap:1rem;align-items:center;padding:1rem;border-radius:var(--radius-medium);background:#0d1320}.pool-card__name{margin:0;color:#fff;font-size:.9375rem;font-weight:650;overflow-wrap:anywhere}.pool-card__location{margin-top:.25rem;color:var(--text-muted);font-size:.75rem;overflow-wrap:anywhere}.pool-card__facts{display:grid;gap:.75rem;margin:0}.pool-card__facts dt{color:var(--text-subtle);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pool-card__facts dd{margin:.125rem 0 0;color:var(--text-secondary);font-size:.75rem;overflow-wrap:anywhere}.action-panel{display:grid;gap:1rem;padding:1.25rem}.provision-form{display:grid;gap:1rem}.sync-actions{display:flex;min-height:2.5rem;align-items:stretch;flex-wrap:wrap;gap:.5rem}.button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;padding:.625rem 1rem;border-radius:var(--radius-small);cursor:pointer;font-size:.875rem;font-weight:700;transition:background-color .16s ease,color .16s ease}.button--primary{background:var(--accent);color:var(--accent-ink)}.button--primary:hover,.button--primary:focus-visible{background:var(--accent-hover);color:#020617}.button--secondary{background:#5a6882;color:#fff}.button--secondary:hover{background:#2b3851;color:#fff}.button--secondary:focus-visible{background:var(--accent-hover);color:var(--accent-ink)}.button--compact{padding-inline:1rem;font-size:.75rem}.button--block{width:100%}.button:disabled{cursor:not-allowed;background:#30394a;color:#aab5c7}.dashboard__content{display:grid;gap:1.5rem}.panel{overflow:hidden}.panel__header{justify-content:space-between;padding:1rem 1.25rem;background:var(--surface-raised)}.panel__title{color:#fff;font-size:1rem;font-weight:600}.resources-scroll{overflow-x:auto}.resources-table{min-width:47.5rem}.resource-row{display:grid;grid-template-columns:5rem minmax(11.25rem,1fr) 7.5rem 13rem 7.5rem 3rem;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;transition:background-color .16s ease}.resource-row:nth-child(odd),.operation-row:nth-child(odd),.data-table__row:nth-child(odd){background:#0d1320}.resource-row:hover{background:var(--surface-hover)}.resource-row--header{padding-block:.75rem;background:#0b101b;color:var(--text-subtle);font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stream-empty{display:none}.stream-empty:only-child{display:block}.resources-empty,.operations-empty{padding:3.5rem 1.25rem;color:var(--text-muted);text-align:center}.empty-mark{display:block;width:2rem;height:2rem;margin:0 auto;border-radius:999px;background:var(--surface-hover)}.empty-title{margin-top:.75rem;font-size:.875rem}.empty-description{margin-top:.25rem;color:var(--text-subtle);font-size:.75rem}.resource-kind,.resource-region{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.resource-kind{color:var(--accent);font-weight:700}.resource-name{min-width:0}.resource-name__title,.resource-name__id,.operation-row__resource{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-name__title{color:var(--text);font-weight:600}.resource-name__id{color:var(--text-subtle);font-size:.75rem}.resource-region,.agent-status{color:var(--text-muted)}.agent-status{font-size:.75rem;text-transform:capitalize}.status-badge{width:fit-content;padding:.25rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:650;text-transform:capitalize}.resource-health{display:grid;justify-items:start;gap:.3rem}.resource-health__signals{overflow:hidden;max-width:13rem;color:var(--text-subtle);font-size:.625rem;text-overflow:ellipsis;white-space:nowrap}.status-badge--small{padding:.125rem .5rem;font-size:.625rem;letter-spacing:.04em;text-transform:uppercase}.status-badge--healthy{background:#123d31;color:#bbf7d0}.status-badge--degraded{background:#493510;color:#fde68a}.status-badge--unreachable{background:var(--danger-surface);color:#fecdd3}.status-badge--unknown{background:#253044;color:#e2e8f0}.delete-button{display:grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-small);background:transparent;color:var(--danger);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;font-weight:800;transition:background-color .16s ease,color .16s ease}.delete-button:hover{background:var(--danger-surface);color:#ffe4e6}.delete-button:focus-visible{background:var(--accent-hover);color:var(--accent-ink)}.operation-row{padding:1rem 1.25rem}.operation-row__heading{justify-content:space-between;gap:.75rem}.operation-row__action{color:var(--text);font-size:.875rem;font-weight:600}.operation-row__resource{margin-top:.25rem;color:var(--text-subtle);font-size:.75rem}.login-panel{width:min(100%,24rem);margin:0 auto}.login-panel__heading{text-align:center}.form-field{margin-bottom:.75rem}.form-label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-control{width:100%;height:2.5rem;padding:0 .75rem;border:0;border-radius:var(--radius-small);background:#5a6882;color:var(--text);font-size:.875rem;transition:background-color .16s ease,color .16s ease}.form-control::placeholder{color:#f1f5f9;opacity:1}.form-control:focus{background:var(--accent-hover);color:var(--accent-ink)}.form-control:focus::placeholder{color:#334155}.form-control:read-only{color:#fff}.form-control--select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#ffffff 50%),linear-gradient(135deg,#ffffff 50%,transparent 50%);background-position:calc(100% - 1rem) 1.05rem,calc(100% - .75rem) 1.05rem;background-repeat:no-repeat;background-size:.25rem .25rem;padding-right:2rem}.form-control--select:focus{background-image:linear-gradient(45deg,transparent 50%,#071019 50%),linear-gradient(135deg,#071019 50%,transparent 50%)}.form-control--textarea{min-height:6rem;padding-block:.5rem;resize:vertical}.form-control--error{background:#c51645;color:#fff}.checkbox-label{gap:.5rem;color:var(--text-secondary);font-size:.875rem}.checkbox-input{width:1rem;height:1rem;appearance:none;border:0;border-radius:.25rem;background:#5a6882}.checkbox-input:checked{background:var(--accent)}.checkbox-input:focus-visible{background:var(--accent-hover)}.form-error{display:flex;align-items:center;gap:.5rem;margin-top:.375rem;color:#fecdd3;font-size:.875rem}.form-error__symbol,.flash__symbol{display:grid;flex:0 0 auto;width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;background:#00000040;font-size:.75rem;font-weight:800}.component-header{padding-bottom:1rem}.component-header--with-actions{justify-content:space-between;gap:1.5rem}.component-header__title{font-size:1.125rem;font-weight:650;line-height:2rem}.component-header__actions{flex:none}.flash-container{position:fixed;z-index:50;top:1rem;right:1rem}.flash{display:flex;width:min(24rem,calc(100vw - 2rem));align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-medium);font-size:.875rem}.flash--info{background:var(--accent);color:var(--accent-ink)}.flash--error{background:#be123c;color:#fff}.flash__title{font-weight:700}.flash__spacer{flex:1}.flash__close{align-self:flex-start;padding:.25rem .5rem;border-radius:.25rem;background:#0003;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1}.flash__close:hover{background:#0006}.flash__close:focus-visible{background:#fff;color:#071019}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th,.data-table td{padding:.75rem 1rem}.data-table th{background:var(--surface-raised);color:var(--text-muted);font-size:.75rem;font-weight:600}.data-table__cell--clickable{cursor:pointer}.data-table__cell--clickable:hover{background:var(--surface-hover)}.data-table__actions{width:1%;font-weight:600;white-space:nowrap}.data-table__actions>div{display:flex;gap:1rem}.data-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.data-list__item{padding:1rem}.data-list__title{font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ui-transition{transition:opacity .2s ease,transform .2s ease}.ui-hidden{opacity:0;transform:translateY(1rem)}.ui-visible{opacity:1;transform:translateY(0)}@keyframes pulse{50%{opacity:.35}}@media (min-width: 40rem){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provision-form{grid-template-columns:minmax(11.25rem,1fr) minmax(15rem,1.5fr) auto;align-items:end}}@media (min-width: 64rem){.app-header__inner,.app-main{padding-inline:2rem}.app-main{padding-block:2.5rem}.dashboard__heading{flex-direction:row;align-items:flex-end}.action-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end}.sync-actions{align-self:end}.pool-card{grid-template-columns:minmax(10rem,.8fr) minmax(0,2fr) auto}.pool-card__facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 80rem){.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard__content{grid-template-columns:minmax(0,1fr) 22.5rem}}@media (max-width: 39.99rem){.operator-nav__email{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}