:root{color-scheme:light;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--color-canvas: #f4f5f7;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-strong: #101828;--color-text: #172033;--color-text-muted: #667085;--color-border: #d7dce5;--color-border-strong: #aab3c2;--color-primary: #1559c5;--color-primary-hover: #0f469f;--color-primary-subtle: #eaf1ff;--color-danger: #b42318;--color-danger-hover: #8f1c14;--color-danger-subtle: #fef0ef;--color-success: #087443;--color-success-subtle: #e9f8ef;--color-warning: #9a6700;--color-warning-subtle: #fff7df;--color-info: #175cd3;--color-info-subtle: #eaf1ff;--color-focus: #1559c5;--color-destination: #0d7377;--color-destination-subtle: #e6f5f4;--shadow-panel: 0 1px 2px rgb(16 24 40 / 4%), 0 10px 28px rgb(16 24 40 / 6%);--radius-sm: .4rem;--radius-md: .65rem;--radius-lg: .9rem;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--page-max-width: 90rem;--page-gutter: clamp(1rem, 3vw, 3rem);--control-height: 2.75rem}*{box-sizing:border-box}html{min-width:20rem;background:var(--color-canvas)}body{min-width:20rem;min-height:100vh;margin:0;background:linear-gradient(180deg,rgb(255 255 255 / 72%),transparent 18rem),var(--color-canvas);color:var(--color-text);font-family:var(--font-body);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 56%,white);outline-offset:2px}a{color:var(--color-primary);text-underline-offset:.18em}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-text);font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.12}h1{font-size:clamp(2rem,3vw,3rem)}h2{font-size:clamp(1.45rem,2.25vw,2rem)}h3{font-family:var(--font-body);font-size:1rem;letter-spacing:-.01em}table{border-collapse:collapse}pre{margin:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ui-panel,.unlock-card,.server-card,.share-panel,.subscription-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel)}.ui-panel,.unlock-card{padding:clamp(1rem,2.5vw,1.75rem)}.ui-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.ui-panel-header__title{font-size:clamp(1.35rem,2vw,1.7rem)}.ui-panel-header__description{margin-top:var(--space-2);color:var(--color-text-muted)}.ui-panel-header__actions,.ui-page-heading__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.eyebrow{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:.7rem;font-weight:800;letter-spacing:.15em;line-height:1.2;text-transform:uppercase}.role-panel--source{border-left:.25rem solid var(--color-primary)}.role-panel--destination{border-left:.25rem solid var(--color-destination)}.role-panel .ui-panel-header .eyebrow{display:flex;align-items:center;gap:.4rem}.role-panel .ui-panel-header .eyebrow:before{content:"";width:.5rem;height:.5rem;border-radius:var(--radius-pill);background:currentColor}.role-panel--source .ui-panel-header .eyebrow{color:var(--color-primary)}.role-panel--destination .ui-panel-header .eyebrow{color:var(--color-destination)}.quiet{color:var(--color-text-muted)}.ui-form-field,.server-form,.saved-migration,.ui-form-grid{display:grid;gap:var(--space-3)}.server-form{margin:var(--space-5) 0;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.ui-form-field label,.unlock-card label{color:var(--color-text);font-size:.9rem;font-weight:700}.ui-form-help{color:var(--color-text-muted);font-size:.84rem}.ui-form-error{color:var(--color-danger);font-size:.84rem;font-weight:650}.ui-input,.ui-textarea,.ui-select,input,textarea,select{width:100%;min-height:var(--control-height);padding:.65rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);line-height:1.35;transition:border-color .16s ease,box-shadow .16s ease}textarea,.ui-textarea{min-height:7.5rem;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.ui-form-field+.ui-alert{margin-top:var(--space-4)}.ui-input:hover,.ui-textarea:hover,.ui-select:hover,input:hover,textarea:hover,select:hover{border-color:#8793a8}.ui-input:focus,.ui-textarea:focus,.ui-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}.ui-button,button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:var(--space-2);padding:.65rem .9rem;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:.9rem;font-weight:750;line-height:1.2;text-align:center;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.ui-button:hover:not(:disabled),button:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.ui-button:active:not(:disabled),button:active:not(:disabled){transform:translateY(1px)}.ui-button:disabled,button:disabled{opacity:.52}.ui-button--secondary,.btn-quiet,.btn-action{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.ui-button--secondary:hover:not(:disabled),.btn-quiet:hover:not(:disabled),.btn-action:hover:not(:disabled){border-color:var(--color-text);background:var(--color-surface-muted);color:var(--color-text)}.ui-button--danger,.btn-danger{border-color:var(--color-danger);background:var(--color-danger)}.ui-button--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){border-color:var(--color-danger-hover);background:var(--color-danger-hover)}.btn-remove{border-color:color-mix(in srgb,var(--color-danger) 42%,white);background:var(--color-danger-subtle);color:var(--color-danger)}.btn-remove:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger);color:#fff}.btn-copy.copied{border-color:color-mix(in srgb,var(--color-success) 42%,white);background:var(--color-success-subtle);color:var(--color-success)}.btn-action,.btn-quiet{min-height:2.2rem;padding:.42rem .65rem;font-size:.8rem}.ui-alert,.error{margin:0;padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--color-danger) 28%,white);border-radius:var(--radius-md);background:var(--color-danger-subtle);color:#8f1c14;font-size:.9rem}.ui-alert--info{border-color:color-mix(in srgb,var(--color-info) 28%,white);background:var(--color-info-subtle);color:#174ea6}.ui-alert--success{border-color:color-mix(in srgb,var(--color-success) 30%,white);background:var(--color-success-subtle);color:#056638}.ui-alert--warning{border-color:color-mix(in srgb,var(--color-warning) 30%,white);background:var(--color-warning-subtle);color:#7a5300}.status,.ui-badge{display:inline-flex;align-items:center;min-height:1.55rem;padding:.15rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.72rem;font-weight:750;line-height:1.1;text-transform:capitalize}.status.active,.ui-badge--success{border-color:color-mix(in srgb,var(--color-success) 24%,white);background:var(--color-success-subtle);color:var(--color-success)}.ui-badge--danger{border-color:color-mix(in srgb,var(--color-danger) 24%,white);background:var(--color-danger-subtle);color:var(--color-danger)}.ui-table-error{color:var(--color-danger);font-size:.85rem}.ui-table-scroll,.subscription-table-wrap{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden}.ui-table-scroll:focus-visible,.subscription-table-wrap:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 56%,white);outline-offset:3px}.ui-table,table{width:100%;min-width:39rem;background:var(--color-surface)}.ui-table th,th{padding:.7rem .85rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}.ui-table td,td{padding:.8rem .85rem;border-bottom:1px solid #eaecf0;vertical-align:middle}.ui-table tbody tr:last-child td,tbody tr:last-child td{border-bottom:0}.ui-table tbody tr:hover,tbody tr:hover{background:#fafbfc}.ui-result-panel{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.access-url{overflow-wrap:anywhere;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85rem;line-height:1.55;white-space:pre-wrap}.failure-item{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.create-key-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.actions-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.create-key-row input,.create-key-row .ui-form-field{flex:1 1 14rem}.ui-inline-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-inline-actions .ui-button,.subscription-actions .ui-button{min-height:2.2rem;padding:.42rem .65rem;font-size:.8rem}.ui-subsection{display:grid;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.server-list{display:grid;gap:var(--space-3)}.server-card,.share-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4)}.server-card small,.subscription-table td small,.subscription-person small{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:.78rem}.subscription-inline-edit{display:grid;gap:var(--space-2);min-width:13rem}.subscription-person-row{display:flex;align-items:flex-start;gap:var(--space-2)}.subscription-person-text{flex:1 1 auto;min-width:0}.subscription-secret{display:grid;gap:.45rem;min-width:8rem}.subscription-secret code{overflow-wrap:anywhere}.subscription-secret-actions{display:flex;gap:var(--space-1)}.subscription-icon-action{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;min-height:1.85rem;padding:0}.subscription-edit-trigger{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.7rem;min-height:1.7rem;padding:0;border-color:transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted)}.subscription-edit-trigger:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text)}.subscription-expiry-trigger{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;min-height:0;padding:.35rem .5rem;border-color:transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.85rem;font-weight:400;text-align:left}.subscription-expiry-trigger:hover:not(:disabled){border-color:var(--color-border);background:var(--color-surface-muted)}.subscription-expiry-trigger svg{flex:0 0 auto;color:var(--color-text-muted)}.subscription-expiry-text{display:grid}.subscription-expiry-trigger small{margin-top:.15rem}.server-actions,.subscription-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.share-panel{justify-content:flex-start;margin:var(--space-5) 0}.share-panel>div{display:grid;gap:var(--space-1)}.subscription-table-wrap{margin-top:var(--space-5)}.subscription-table{min-width:49rem}.subscription-table caption{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-strong);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-align:left;text-transform:uppercase}.subscription-actions-cell{width:9.5rem;white-space:nowrap}.subscription-actions{min-width:0;flex-wrap:nowrap;gap:var(--space-1)}.subscription-more-trigger{padding-inline:.55rem}.subscription-more-trigger svg{flex:0 0 auto}.subscription-action-popover{position:fixed;z-index:20;display:grid;width:min(17rem,calc(100vw - 1rem));gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 .75rem 2rem #10182829}.subscription-action-popover__title{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.subscription-action-popover__header,.subscription-action-popover__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.subscription-action-popover__header strong{font-size:.9rem}.subscription-action-popover__back,.subscription-action-popover__footer .ui-button{min-height:2.1rem;padding:.38rem .6rem;font-size:.78rem}.subscription-action-popover__field{display:grid;gap:var(--space-1);color:var(--color-text);font-size:.78rem;font-weight:700}.subscription-action-popover__field .ui-select{min-height:2.2rem;font-size:.84rem}.subscription-action-popover__action{justify-content:flex-start;width:100%;min-height:2.35rem;padding-inline:var(--space-3)}.subscription-action-popover__divider{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.subscription-status-select{min-width:6.5rem;min-height:2.2rem;padding:.4rem 1.6rem .4rem .7rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:750;text-transform:capitalize}.subscription-status-select--active{border-color:color-mix(in srgb,var(--color-success) 35%,white);background:var(--color-success-subtle);color:var(--color-success)}.subscription-status-select--disabled{border-color:var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text-muted)}.subscription-status-select--expired{border-color:color-mix(in srgb,var(--color-warning) 35%,white);background:var(--color-warning-subtle);color:var(--color-warning)}.ui-subscription-form{gap:var(--space-4)}.subscription-filter-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.subscription-filter-toolbar .ui-form-field{flex:1 1 11rem}.subscription-filter-toolbar .ui-button{flex:0 0 auto;margin-bottom:.1rem}.subscription-qr{display:grid;width:fit-content;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.subscription-qr canvas{display:block;margin:0 auto}.subscription-qr-actions{display:flex;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.subscription-qr-actions .ui-button{flex:1 1 0;min-height:1.8rem;padding:.25rem .3rem;font-size:.68rem}.subscription-overdue{color:var(--color-danger)!important;font-weight:700}.ui-table-empty{padding:var(--space-6)!important;color:var(--color-text-muted);text-align:center}@media (max-width: 40rem){.ui-panel-header{flex-direction:column}.server-card,.share-panel{align-items:flex-start;flex-direction:column}.create-key-row>*,.actions-row>*{width:100%}}@media (min-width: 42rem){.ui-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.container,.ui-page-shell{width:min(100%,var(--page-max-width));margin:0 auto;padding:clamp(1.25rem,3vw,3rem) var(--page-gutter)}.classic-dashboard{display:grid;gap:var(--space-6)}.classic-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.classic-workspace>.ui-panel{min-width:0}.classic-workspace__connector{display:none}.subscription-shell{display:grid;gap:var(--space-5)}.subscription-header,.ui-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.subscription-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.subscription-nav a{padding:.4rem .65rem;border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:.88rem;font-weight:700;text-decoration:none}.subscription-nav a:hover,.subscription-nav a:focus-visible{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.registry-page{display:grid;gap:var(--space-4)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.unlock-page,.ui-auth-page{display:grid;min-height:100vh;place-items:center;padding:var(--page-gutter);background:radial-gradient(circle at top right,rgb(21 89 197 / 9%),transparent 25rem),var(--color-canvas)}.unlock-card{display:grid;width:min(100%,32rem);gap:var(--space-4)}.unlock-card>.eyebrow+h1{margin-top:calc(var(--space-2) * -1)}@media (min-width: 64rem){.classic-workspace{grid-template-columns:minmax(0,1.1fr) auto minmax(23rem,.9fr);align-items:start}.classic-workspace__connector{display:flex;align-items:center;justify-content:center;align-self:center;padding:0 var(--space-1);background:linear-gradient(120deg,var(--color-primary),var(--color-destination));background-clip:text;-webkit-background-clip:text;color:transparent;font-size:1.75rem;font-weight:700}}@media (max-width: 40rem){.subscription-header,.ui-page-heading,.section-heading{align-items:stretch;flex-direction:column}.ui-page-heading__actions>*{width:100%}}