:root{color-scheme:light;--pure-navy: oklch(.31 .06 265);--signal-blue: oklch(.58 .21 258);--signal-blue-strong: oklch(.48 .22 258);--deep-ink: oklch(.18 .04 260);--cloud: oklch(.975 .012 255);--cloud-strong: oklch(.992 .006 255);--blue-soft: oklch(.95 .035 255);--slate: oklch(.51 .045 260);--line: oklch(.88 .025 255);--line-strong: oklch(.78 .05 255);--surface: oklch(.992 .006 255);--surface-soft: oklch(.965 .013 255);--success: oklch(.47 .12 155);--success-soft: oklch(.95 .04 155);--warning: oklch(.5 .12 75);--warning-soft: oklch(.955 .045 75);--danger: oklch(.48 .15 25);--danger-soft: oklch(.95 .04 25);--shadow: 0 6px 18px oklch(.28 .04 260 / .06);--shadow-soft: 0 1px 3px oklch(.28 .04 260 / .05);--radius: 8px;--radius-sm: 6px;--sidebar-width: 16.5rem}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(90deg,oklch(.952 .012 255) 1px,transparent 1px),linear-gradient(180deg,oklch(.952 .012 255) 1px,transparent 1px),linear-gradient(180deg,var(--cloud-strong),var(--cloud));background-size:80px 80px,80px 80px,auto;color:var(--deep-ink);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;letter-spacing:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--signal-blue-strong);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:grid;grid-template-rows:auto auto 1fr;gap:1rem;padding:1rem;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.brand-block{display:grid;gap:.75rem;padding:.5rem .35rem}.brand-block p,.workspace-header p,.muted,.field small,.record-row small,.record-row span,.catalog-item span,.timeline span,.timeline small,.empty-state{color:var(--slate);line-height:1.55}.brand-link{display:flex;align-items:center;gap:.7rem}.brand-symbol{width:2.6rem;height:2.6rem;flex:0 0 auto}.brand-link span{display:grid;gap:.08rem}.brand-link strong{color:var(--pure-navy);font-size:1.1rem;line-height:1.1}.brand-link small{color:var(--signal-blue);font-weight:600}.brand-block p{margin:0;font-size:.9rem}.nav-stack{display:grid;gap:.35rem}.nav-item{min-height:2.75rem;display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1px solid transparent;border-radius:var(--radius);color:var(--pure-navy);font-weight:500;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.nav-item:hover{border-color:var(--line);background:var(--blue-soft)}.nav-item.active{border-color:#74a6ef;background:var(--signal-blue-strong);color:var(--cloud-strong);font-weight:600}.sidebar-status{align-self:end;display:flex;gap:.65rem;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.sidebar-status span{min-width:0;display:grid;gap:.1rem}.sidebar-status strong,.sidebar-status small{overflow:hidden;text-overflow:ellipsis}.sidebar-status strong{color:var(--pure-navy)}.sidebar-status small{color:var(--slate)}.workspace{min-width:0;padding:1.25rem}.workspace-inner{width:min(100%,96rem);display:grid;gap:1rem;margin:0 auto}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.workspace-header div:first-child{max-width:72ch}.workspace-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}.workspace-toolbar .global-search{flex:1 1 19rem;max-width:26rem}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.85rem;margin-top:.35rem}.page-head>div:first-child{max-width:72ch}.page-head h1{margin:0;color:var(--pure-navy);font-size:1.55rem;line-height:1.15;text-wrap:balance}.page-head p{margin:.35rem 0 0;color:var(--slate);line-height:1.55}.subnav{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.15rem;border-bottom:1px solid var(--line)}.subnav-link{position:relative;display:inline-flex;align-items:center;min-height:2.6rem;padding:.45rem .85rem;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--slate);font-weight:500;transition:color .16s ease,border-color .16s ease}.subnav-link:hover{color:var(--pure-navy)}.subnav-link.active{border-bottom-color:var(--signal-blue-strong);color:var(--pure-navy);font-weight:600}.breadcrumb{display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem;color:var(--slate);font-size:.86rem}.breadcrumb a{color:var(--signal-blue-strong);font-weight:500}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span[aria-current]{overflow:hidden;max-width:32ch;text-overflow:ellipsis;white-space:nowrap}.entity-head{display:grid;gap:.15rem;margin-top:.35rem}.entity-head-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.85rem}.entity-head-identity{display:grid;gap:.4rem;max-width:72ch}.entity-head-identity h1{margin:0;color:var(--pure-navy);font-size:1.55rem;line-height:1.15;overflow-wrap:anywhere}.entity-head-identity p{margin:0;color:var(--slate);line-height:1.55}.entity-identifier{display:inline-flex;align-items:center;color:var(--slate);font-size:.9rem}.entity-head-lead{display:flex;flex:0 0 auto;align-items:center;gap:.55rem}.next-step{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;padding:.85rem;border:1px solid oklch(.76 .08 258);border-radius:var(--radius);background:var(--blue-soft)}.next-step>div:first-child{display:grid;gap:.15rem;max-width:60ch}.next-step strong{color:var(--pure-navy)}.next-step span{color:var(--slate);line-height:1.5}.form-page{display:grid;gap:1rem;max-width:38rem}.workspace-header h1,.section-head h2{margin:.22rem 0 0;color:var(--pure-navy);line-height:1.12}.workspace-header h1{font-size:2rem}.section-head h2{font-size:1.12rem}.workspace-header p{margin:.48rem 0 0}.two-column,.form-grid,.catalog-grid{display:grid;gap:1rem}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.connector-detail-stack,.connector-capabilities,.dns-provider-grid{display:grid;gap:.85rem}.connector-capabilities,.dns-provider-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.panel{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.panel.compact{padding:.8rem}.section-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.form-stack,.record-list,.job-stack{display:grid;gap:.8rem}.command-panel{display:grid;gap:.65rem}.command-textarea{width:100%;min-height:8rem;padding:.72rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--cloud-strong);color:var(--deep-ink);font-family:IBM Plex Mono,Commit Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;resize:vertical}.field{display:grid;gap:.38rem;color:var(--pure-navy);font-weight:500}.field input,.field select,.field textarea{width:100%;min-height:2.75rem;padding:.68rem .75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--cloud-strong);color:var(--deep-ink);font-weight:400;transition:border-color .16s ease,box-shadow .16s ease}.field textarea{min-height:6rem;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{border-color:#6899e2}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--signal-blue);box-shadow:0 0 0 3px #3783f01f;outline:none}.actions,.row-badges,.block-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.section-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.danger-block{display:grid;gap:.55rem;padding:.85rem;border:1px solid oklch(.88 .04 25);border-radius:var(--radius);background:#fff8f7;background:oklch(.985 .008 25)}.confirm-inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.45rem}.confirm-prompt{color:var(--danger);font-weight:600}.confirm-input{min-height:2.35rem;min-width:12rem;padding:.45rem .55rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--cloud-strong);color:var(--deep-ink)}.skeleton-row{pointer-events:none}.skeleton-line{display:block;width:60%;height:.8rem;border-radius:4px;background:linear-gradient(90deg,#e3e8f0,#eff3f8,#e3e8f0);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton-title{width:35%;height:.95rem;margin-bottom:.4rem}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-line,.loading-state svg,.busy-spinner{animation:none}}.action-strip{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem}.action-strip .field{min-width:min(100%,18rem);flex:1 1 18rem}.compact-list{gap:.45rem}.button{min-height:2.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem .85rem;border:1px solid var(--signal-blue-strong);border-radius:var(--radius);background:var(--signal-blue-strong);color:var(--cloud-strong);font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.button:hover{background:#00489f;background:oklch(.42 .21 258);border-color:#00489f;border-color:oklch(.42 .21 258)}.button.secondary,.tab-chip{border-color:var(--line-strong);background:var(--surface);color:var(--pure-navy)}.button.secondary:hover{border-color:#6899e2;background:var(--blue-soft)}.button.warning{border-color:#d9af75;background:var(--warning-soft);color:#734c00;color:oklch(.45 .11 75)}.button.warning:hover{border-color:#b9883c;background:#fde0b9}.button.danger{border-color:#e59b94;background:var(--danger-soft);color:var(--danger)}.button.danger:hover{border-color:var(--danger);background:#ffdad6;background:oklch(.92 .05 25)}.button:disabled{cursor:not-allowed;opacity:.58}.text-link,.inline-link{color:var(--signal-blue-strong);font-weight:500}.text-link:hover,.inline-link:hover{text-decoration:underline}.inline-link{display:inline-flex;margin-left:.4rem}.tab-chip{min-height:2.25rem;display:inline-flex;align-items:center;padding:.48rem .72rem;border:1px solid var(--line-strong);border-radius:var(--radius);font-weight:500}.tab-chip:hover{border-color:#6899e2;background:var(--blue-soft)}.tab-chip.active{border-color:var(--signal-blue);background:var(--blue-soft);color:var(--signal-blue-strong);font-weight:600}.message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.78rem .85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.message strong{display:block;margin-bottom:.18rem;color:var(--pure-navy)}.message.info{border-color:#92b3e4;background:var(--blue-soft)}.message.success{border-color:#88c19b;background:var(--success-soft)}.message.warning{border-color:#d9af75;background:var(--warning-soft)}.message.danger{border-color:#e59b94;background:var(--danger-soft)}.list-filter{display:flex;align-items:center;gap:.5rem;min-height:2.6rem;padding:0 .7rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--cloud-strong);color:var(--slate)}.list-filter:focus-within{border-color:var(--signal-blue);box-shadow:0 0 0 3px #3783f01f}.list-filter input{flex:1 1 auto;min-width:0;padding:.55rem 0;border:0;background:transparent;color:var(--deep-ink)}.list-filter input:focus{outline:none}.list-filter input::-webkit-search-cancel-button{display:none}.list-filter-count{flex:0 0 auto;color:var(--slate);font-size:.78rem;white-space:nowrap}.list-filter-clear{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--slate);cursor:pointer}.list-filter-clear:hover{background:var(--blue-soft);color:var(--pure-navy)}.show-more-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.8rem;color:var(--slate);font-size:.86rem}.global-search{position:relative;min-width:min(100%,19rem)}.global-search-results{position:absolute;z-index:30;top:calc(100% + .35rem);right:0;left:0;max-height:21rem;overflow-y:auto;margin:0;padding:.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);list-style:none}.global-search-option{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-sm);cursor:pointer}.global-search-option[aria-selected=true],.global-search-option:hover{background:var(--blue-soft)}.global-search-option strong{display:block;color:var(--pure-navy);font-weight:600}.global-search-option small{display:block;overflow:hidden;color:var(--slate);text-overflow:ellipsis;white-space:nowrap}.global-search-empty{padding:.6rem;color:var(--slate);text-align:center}.record-row,.catalog-item,.job-item,.empty-state,.loading-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--cloud-strong)}.record-row{display:flex;justify-content:space-between;gap:.9rem;padding:.85rem}.record-row.selectable{width:100%;border-color:var(--line);color:inherit;text-align:left;cursor:pointer}.record-row.selectable:hover,.record-row.selectable.active{border-color:#74a6ef;background:var(--blue-soft)}.record-row.tall,.catalog-item{align-items:flex-start}.record-row.bare{border:0;padding:0;background:transparent}.record-row>div:first-child{min-width:0;display:grid;gap:.18rem}.server-row-actions{min-width:15rem;display:grid;justify-items:end;gap:.58rem}.server-metrics{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.server-metrics span{min-height:1.65rem;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.22rem .45rem;background:var(--surface);color:var(--slate);font-size:.78rem}.ops-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem}.ops-three-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.ops-section{min-width:0;display:grid;align-content:start;gap:.55rem}.record-row span>span,.record-row span>small{display:block;overflow-wrap:anywhere}.record-row strong,.catalog-item strong,.timeline strong{color:var(--pure-navy)}.mono{font-family:IBM Plex Mono,Commit Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;overflow-wrap:anywhere}.inline-edit{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem auto;gap:.45rem;margin-top:.35rem}.inline-edit input,.check-row{min-height:2.35rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface)}.inline-edit input{min-width:0;padding:.45rem .55rem}.icon-button{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--pure-navy);cursor:pointer}.icon-button:hover:not(:disabled){border-color:#6899e2;background:var(--blue-soft)}.icon-button.danger{border-color:#eca19a;color:var(--danger)}.icon-button.danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.icon-button:disabled{cursor:not-allowed;opacity:.55}.icon-button.inline{width:1.8rem;height:1.8rem;vertical-align:middle;margin-left:.35rem}@media(pointer:coarse){.button,.tab-chip{min-height:2.75rem}.icon-button{width:2.75rem;height:2.75rem}.icon-button.inline{width:2.35rem;height:2.35rem}}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.check-row{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;color:var(--pure-navy);font-weight:500}.check-row input{width:1rem;height:1rem;accent-color:var(--signal-blue)}.badge{min-height:1.8rem;display:inline-flex;align-items:center;justify-content:center;padding:.25rem .55rem;border-radius:999px;background:#dfe5ed;color:var(--pure-navy);font-size:.78rem;font-weight:600;white-space:nowrap}.badge.info{background:var(--blue-soft);color:var(--signal-blue-strong)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.empty-state,.loading-state{display:flex;align-items:center;justify-content:center;min-height:4.5rem;padding:1rem;border-style:dashed;text-align:center}.loading-state{gap:.5rem;border-style:solid}.empty-guide{display:grid;gap:.55rem;justify-items:center;max-width:46ch;padding:.5rem 0}.empty-guide strong{color:var(--pure-navy)}.loading-state svg,.busy-spinner{animation:spin .9s linear infinite}.job-item{display:grid;gap:.75rem;padding:.85rem}.timeline{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.timeline li{display:grid;gap:.12rem;padding:.68rem .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft)}.catalog-item{display:grid;gap:.75rem;padding:.9rem}.record-list.inset{gap:.5rem}.price-display{color:var(--pure-navy);font-size:1.5rem;font-weight:700}.danger-text{color:var(--danger)}.warning-text{color:var(--warning);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;grid-template-rows:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-stack{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.sidebar-status{align-self:auto}}@media(max-width:860px){.workspace{padding:.85rem}.subnav{flex-wrap:nowrap;overflow-x:auto}.subnav-link{white-space:nowrap}.workspace-toolbar .global-search{max-width:none}.workspace-header,.section-head,.record-row{display:grid}.two-column,.ops-three-column,.form-grid{grid-template-columns:1fr}.server-row-actions{min-width:0;justify-items:stretch}.ops-section-head{align-items:stretch}}@media(max-width:560px){body{font-size:14px}.sidebar,.workspace,.workspace-header,.panel{padding:.75rem}.workspace-header h1{font-size:1.55rem}.actions,.row-badges,.block-actions{align-items:stretch}.button,.tab-chip{width:100%}.inline-edit,.check-grid{grid-template-columns:1fr}.server-row-actions .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.icon-button{width:100%}}