@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;font-family:var(--font-family-base);color:var(--color-text);background:var(--color-background);line-height:var(--line-height-copy);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family-base: "Inter Variable", system-ui, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-display: clamp(2.5rem, 5vw, 3.5rem);--font-size-display-compact: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-display: 1.08;--line-height-copy: 1.65;--line-height-heading: 1.2;--letter-spacing-display: -.045em;--letter-spacing-label: .1em;--color-background: #f6f7fa;--color-surface: #fff;--color-surface-subtle: #fafbfe;--color-surface-glass: rgba(255, 255, 255, .94);--color-text: #172033;--color-text-muted: #667085;--color-text-subtle: #53627a;--color-on-primary: #ffffff;--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-primary-pressed: #1e3a8a;--color-primary-soft: #edf2ff;--gradient-brand-start: #1d4ed8;--gradient-brand-end: #6d28d9;--gradient-brand: linear-gradient( 110deg, var(--gradient-brand-start) 0%, var(--gradient-brand-end) 100% );--color-on-brand-muted: #e7ecff;--color-border: #e2e7ef;--color-border-strong: #cfd6e2;--color-border-hover: #b9c5dc;--color-border-active: #d6e0ff;--color-focus: #1d4ed8;--color-overlay: rgba(15, 23, 42, .45);--color-neutral-surface: #eef1f5;--color-disabled-text: #566174;--color-disabled-surface: #e9edf3;--color-success: #17663a;--color-success-strong: #20a05a;--color-success-surface: #e7f6ec;--color-success-border: #d7ebdf;--color-success-ring: rgba(32, 160, 90, .12);--color-warning: #744900;--color-warning-surface: #fff2cc;--color-warning-border: #efd99b;--color-warning-surface-subtle: #fffdf7;--color-danger: #a52626;--color-danger-surface: #fdeaea;--color-danger-border: #f1c8c8;--color-critical: #b42318;--color-critical-hover: #951b12;--color-info: #344054;--color-info-surface: #edf2ff;--color-offline: #475569;--color-offline-surface: #e9eef4;--color-offline-surface-subtle: #f1f4f8;--color-offline-border: #d9e1ea;--color-chart-cpu: #1d4ed8;--color-chart-ram: #6d28d9;--color-chart-disk: #0f766e;--color-chart-grid: #e2e7ef;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--landing-header-min-height: 4.75rem;--landing-main-max-width: 74rem;--landing-intro-max-width: 52rem;--landing-description-max-width: 45rem;--landing-heading-max-width: 15ch;--landing-step-min-width: 17rem;--landing-brand-mark-size: 2.25rem;--control-min-height: 2.75rem;--touch-target-min-size: 2.75rem;--auth-card-max-width: 30rem;--auth-card-padding: clamp(var(--space-6), 5vw, var(--space-10));--border-width-default: 1px;--border-width-focus: 2px;--focus-offset: 2px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-level-1: 0 1px 2px rgba(23, 32, 51, .04), 0 4px 12px rgba(23, 32, 51, .04);--shadow-level-2: 0 4px 10px rgba(23, 32, 51, .05), 0 12px 24px rgba(23, 32, 51, .06);--shadow-level-3: 0 12px 28px rgba(23, 32, 51, .07), 0 28px 56px rgba(23, 32, 51, .08);--shadow-card: var(--shadow-level-3);--shadow-card-subtle: var(--shadow-level-1);--shadow-raised: var(--shadow-level-2);--shadow-control: var(--shadow-level-2);--shadow-button-pressed: inset 0 1px 2px rgba(23, 32, 51, .16);--shadow-dialog: 0 24px 70px rgba(15, 23, 42, .25);--shadow-focus-field: 0 0 0 1px var(--color-focus), 0 0 0 4px rgba(29, 78, 216, .12);--motion-duration-color: .18s;--motion-duration-press: .12s;--motion-duration-hover: .2s;--motion-duration-focus: .16s;--motion-duration-enter: .28s;--motion-reduced: 0ms;--motion-hover-offset: -2px;--motion-press-offset: 1px;--motion-enter-offset: var(--space-2);--opacity-state-hover: .12;--opacity-state-active: .2;--color-brand-overlay: var(--color-primary-pressed);--color-surface-overlay: var(--color-surface-subtle);--color-danger-overlay: var(--color-critical-hover);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-soft-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}.mobile-actions{display:flex;align-items:center;gap:var(--space-2)}body{min-height:100vh;margin:0;background:var(--color-background)}.landing-page{min-height:100vh;background:var(--color-background)}.landing-header{display:flex;min-height:var(--landing-header-min-height);align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-default) solid var(--color-border);background:var(--color-surface)}.landing-brand{display:inline-flex;min-width:0;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.landing-brand-mark{display:grid;width:var(--landing-brand-mark-size);height:var(--landing-brand-mark-size);flex:0 0 auto;place-items:center;border-radius:var(--radius-md);color:var(--color-on-primary);background:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold)}.landing-actions,.landing-primary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.landing-main{display:grid;width:100%;max-width:var(--landing-main-max-width);justify-items:center;gap:var(--space-10);margin:0 auto;padding:var(--space-16) var(--space-4);text-align:center}.landing-intro{display:grid;width:100%;max-width:var(--landing-intro-max-width);justify-items:center;gap:var(--space-4);padding:var(--space-10);border-radius:var(--radius-xl);color:var(--color-on-primary);background:var(--gradient-brand);box-shadow:var(--shadow-level-2);animation:landing-hero-enter var(--motion-duration-enter) var(--ease-soft-out) both}.landing-intro .eyebrow{margin:0;color:var(--color-on-brand-muted)}.landing-intro h1{max-width:var(--landing-heading-max-width);margin:0;color:var(--color-on-primary);font-size:var(--font-size-display);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-display)}.landing-description{max-width:var(--landing-description-max-width);margin:0;color:var(--color-on-primary);font-size:var(--font-size-lg);line-height:var(--line-height-copy)}.landing-steps{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--landing-step-min-width)),1fr));gap:var(--space-4);max-width:var(--landing-main-max-width);margin:0;padding:0;list-style:none;text-align:left}.landing-step{display:grid;min-width:0;align-content:start;gap:var(--space-3);padding:var(--space-5);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card-subtle);transition:border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-hover) var(--ease-soft-out)}.landing-step-number{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-label)}.landing-step h2{margin:0;color:var(--color-text);font-size:var(--font-size-base)}.landing-step p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-copy)}.landing-button{position:relative;isolation:isolate;display:inline-flex;min-height:var(--touch-target-min-size);align-items:center;justify-content:center;padding:0 var(--space-5);border:var(--border-width-default) solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:color var(--motion-duration-color) var(--ease-standard),border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-hover) var(--ease-soft-out),transform var(--motion-duration-hover) var(--ease-soft-out)}.landing-button:before,.ui-button:before,.navigation-link:before,.account-disclosure>summary:before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:var(--button-state-overlay, transparent);content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-duration-color) var(--ease-standard)}.landing-button-primary{--button-state-overlay: var(--color-brand-overlay);color:var(--color-on-primary);background:var(--gradient-brand);box-shadow:var(--shadow-level-1)}.landing-button-secondary{--button-state-overlay: var(--color-surface-overlay);border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.landing-privacy{margin:calc(-1 * var(--space-6)) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-page{min-height:100vh;background:var(--color-background)}.auth-main{display:grid;min-height:calc(100vh - var(--landing-header-min-height));place-items:center;padding:var(--space-8) var(--space-4)}.auth-card{display:grid;width:100%;max-width:var(--auth-card-max-width);gap:var(--space-4);padding:var(--auth-card-padding);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card-subtle)}.auth-card .eyebrow,.auth-card h1,.auth-description,.auth-switch{margin:0}.auth-card .eyebrow{color:var(--color-primary)}.auth-card h1{color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-display)}.auth-description,.auth-switch{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-copy)}.auth-form{display:grid;gap:var(--space-4)}.auth-form-field{display:grid;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.auth-form-field input{width:100%;min-height:var(--control-min-height);padding:0 var(--space-3);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font:inherit;transition:border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-focus) var(--ease-standard)}.auth-error{margin:0;color:var(--color-danger);font-size:var(--font-size-sm);line-height:var(--line-height-copy)}.auth-submit{width:100%}.auth-switch a{font-weight:var(--font-weight-bold)}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary);text-decoration:none;transition:color var(--motion-duration-color) var(--ease-standard)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:var(--border-width-focus) solid var(--color-focus);outline-offset:var(--focus-offset)}input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-focus);outline:2px solid transparent;outline-offset:0;box-shadow:var(--shadow-focus-field)}button{font:inherit}.app-layout{min-height:100vh}.navigation-rail{position:fixed;z-index:5;inset:0 auto 0 0;display:flex;width:252px;flex-direction:column;padding:var(--space-6) var(--space-4) var(--space-4);border-right:1px solid var(--color-border);background:var(--color-surface)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0;color:var(--color-text)}.desktop-brand{min-height:48px;padding:0 var(--space-2)}.brand>span:last-child{display:grid;gap:3px}.brand strong{font-size:var(--font-size-sm)}.brand small{color:var(--color-text-subtle);font-size:.625rem;font-weight:700;letter-spacing:.11em}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:var(--radius-md);color:var(--color-on-primary);background:var(--color-primary);font-size:var(--font-size-lg);font-weight:800}.nav-section-label{margin:var(--space-10) var(--space-3) var(--space-2);color:var(--color-text-subtle);font-size:.625rem;font-weight:800;letter-spacing:.12em}.primary-navigation{display:grid;gap:var(--space-1)}.navigation-link{position:relative;isolation:isolate;display:flex;min-height:44px;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;transition:color var(--motion-duration-color) var(--ease-standard)}.navigation-link:active{--button-state-overlay: var(--color-primary-soft)}.navigation-link-active{--button-state-overlay: var(--color-primary-soft);color:var(--color-primary)}.navigation-icon{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-subtle);font-size:.625rem;font-weight:800}.navigation-link-active .navigation-icon{border-color:var(--color-border-active);color:var(--color-primary)}.preview-tag{margin-left:auto;color:var(--color-text-subtle);font-size:.5625rem;font-weight:800;letter-spacing:.07em}.navigation-footer{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding:var(--space-4) var(--space-3) 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs)}.preview-indicator{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-surface)}.app-content{min-height:100vh;margin-left:252px}.page-topbar{position:sticky;z-index:3;top:0;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) clamp(var(--space-6),4vw,var(--space-10));border-bottom:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-context{margin:0 0 3px;color:var(--color-text-subtle);font-size:.625rem;font-weight:800;letter-spacing:.11em}.topbar-page{margin:0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:700}.topbar-actions{display:flex;align-items:center;gap:var(--space-4)}.profile-link{display:inline-flex;max-width:14rem;min-height:var(--touch-target-min-size);align-items:center;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-1);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background-color var(--motion-duration-color) var(--ease-standard),color var(--motion-duration-color) var(--ease-standard)}.profile-link-compact{width:var(--touch-target-min-size);min-width:var(--touch-target-min-size);flex:0 0 auto;justify-content:center;padding:0}.profile-avatar{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:var(--radius-pill);color:var(--color-on-primary);background:var(--gradient-brand);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.profile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-link-active{color:var(--color-primary);background:var(--color-primary-soft)}.ui-button{position:relative;isolation:isolate;display:inline-flex;min-height:var(--touch-target-min-size);align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:var(--border-width-default) solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:color var(--motion-duration-color) var(--ease-standard),border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-hover) var(--ease-soft-out),transform var(--motion-duration-hover) var(--ease-soft-out)}.ui-button-primary{--button-state-overlay: var(--color-brand-overlay);box-shadow:var(--shadow-level-1)}.ui-button-secondary{--button-state-overlay: var(--color-surface-overlay)}.ui-button-danger{--button-state-overlay: var(--color-danger-overlay)}.ui-button-text{--button-state-overlay: var(--color-primary-soft)}.ui-button:disabled{border-color:var(--color-border);color:var(--color-disabled-text);background:var(--color-disabled-surface);cursor:not-allowed;box-shadow:none;transform:none;transition:none}.ui-button:disabled:before{display:none;transition:none}.ui-button-primary{color:var(--color-on-primary);background:var(--color-primary)}.ui-button-secondary{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.ui-button-danger{color:var(--color-on-primary);background:var(--color-critical)}.ui-button-text{min-height:var(--touch-target-min-size);padding:0 var(--space-3);color:var(--color-primary);background:transparent}.page-content{width:min(100%,1200px);margin:0 auto;padding:clamp(var(--space-6),4vw,var(--space-10));animation:page-enter var(--motion-duration-enter) var(--ease-soft-out) both}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.09em}.page-heading h1{margin:0;color:var(--color-text);font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.045em}.page-description{max-width:650px;margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-base);line-height:1.6}.preview-card{padding:clamp(var(--space-5),4vw,var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card-subtle)}.preview-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.preview-card-heading h2{margin:0;font-size:var(--font-size-xl);letter-spacing:-.025em}.card-description{max-width:720px;margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.65}.component-examples{display:grid;gap:var(--space-6);margin-top:var(--space-8);padding:var(--space-6) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.component-example{display:grid;gap:var(--space-3)}.component-label{color:var(--color-text-subtle);font-size:.625rem;font-weight:800;letter-spacing:.1em}.button-row,.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.status-badge{display:inline-flex;min-height:28px;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:700;white-space:nowrap}.status-badge-success{color:var(--color-success);background:var(--color-success-surface)}.status-badge-warning{color:var(--color-warning);background:var(--color-warning-surface)}.status-badge-danger{color:var(--color-danger);background:var(--color-danger-surface)}.status-badge-neutral{color:var(--color-text-subtle);background:var(--color-neutral-surface)}.status-badge-offline{color:var(--color-offline);background:var(--color-offline-surface)}.preview-card-footer{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.preview-card-footer .ui-button-text{margin-left:auto}.loading-spinner{width:16px;height:16px;flex:0 0 auto;border:2px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:var(--radius-pill)}.confirm-dialog{width:min(calc(100% - 32px),440px);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-dialog)}.confirm-dialog::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog-content{padding:var(--space-8)}.confirm-dialog-content h2{margin:0;font-size:var(--font-size-xl);letter-spacing:-.03em}.confirm-dialog-content>p:not(.eyebrow){margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6)}.dialog-error,.page-alert-error,.page-feedback-error,.session-notice{color:var(--color-critical)!important}.confirm-dialog-content .dialog-error{margin-top:var(--space-3);font-size:var(--font-size-sm)}.servers-page-heading,.dashboard-page-heading{align-items:center}.dashboard-page-heading>.ui-button{flex:0 0 auto}.dashboard-live-note{display:flex;min-height:40px;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs)}.dashboard-live-indicator{width:8px;height:8px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-success-strong);box-shadow:0 0 0 4px var(--color-success-ring)}.dashboard-server-count{margin-left:auto;color:var(--color-text-subtle);font-weight:700}.dashboard-server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-4)}.dashboard-server-card,.dashboard-empty{min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card-subtle)}.dashboard-server-card{position:relative;transition:border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-hover) var(--ease-soft-out)}.dashboard-card-link{color:inherit}.dashboard-card-link:after{position:absolute;inset:0;border-radius:var(--radius-xl);content:""}.dashboard-card-link:focus-visible{outline:none;box-shadow:none}.dashboard-card-link:focus-visible:after{outline:var(--border-width-focus) solid var(--color-focus);outline-offset:var(--focus-offset)}.dashboard-card-inner-link{position:relative;z-index:1}.dashboard-card-more{display:block;margin-top:var(--space-4);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--motion-duration-color) var(--ease-standard)}.details-page{display:grid;max-width:56rem;gap:var(--space-4)}.details-back-link{display:inline-flex;min-height:var(--touch-target-min-size);align-items:center;justify-self:start;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.details-heading{align-items:center;margin-bottom:0}.details-heading h1{overflow-wrap:anywhere}.details-card{min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card-subtle)}.details-card-title{margin:0;font-size:var(--font-size-base)}.details-metrics{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.details-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4);margin:var(--space-5) 0 0}.details-list div{min-width:0}.details-list dt{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.details-list dd{margin:var(--space-1) 0 0;color:var(--color-text);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.details-note{margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-copy)}.history-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.history-ranges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.history-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:var(--space-4) 0 0;padding:0;color:var(--color-text-subtle);font-size:var(--font-size-sm);list-style:none}.history-legend li{display:inline-flex;align-items:center;gap:var(--space-2)}.history-readout{min-height:2.6em;margin:var(--space-3) 0 var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.3}.history-plot{min-width:0;min-height:220px}.history-svg{display:block;overflow:visible;touch-action:pan-y;border-radius:var(--radius-md)}.history-svg:focus-visible{outline:var(--border-width-focus) solid var(--color-focus);outline-offset:var(--focus-offset)}.history-grid{stroke:var(--color-chart-grid);stroke-width:1}.history-axis{fill:var(--color-text-muted);font-size:var(--font-size-xs)}.history-path,.history-legend line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.history-line-cpu{stroke:var(--color-chart-cpu);fill:var(--color-chart-cpu)}.history-line-ram{stroke:var(--color-chart-ram);fill:var(--color-chart-ram);stroke-dasharray:6 4}.history-line-disk{stroke:var(--color-chart-disk);fill:var(--color-chart-disk);stroke-dasharray:1 4}.history-path.history-line-cpu,.history-path.history-line-ram,.history-path.history-line-disk,.history-legend line{fill:none}.history-dot{stroke:var(--color-surface);stroke-width:1.5;stroke-dasharray:none}.history-guide{stroke:var(--color-border-strong);stroke-width:1}.history-empty{display:grid;min-height:220px;margin:0;place-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.history-table-toggle{margin-top:var(--space-3)}.history-table-wrap{margin-top:var(--space-2);overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);white-space:nowrap}.history-table caption{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:left}.history-table th,.history-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.history-table thead th{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.stats-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3)}.stats-samples{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.stats-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--space-3);margin:var(--space-5) 0 0}.stats-tiles div{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stats-tiles dt{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.stats-tiles dd{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.stats-table-wrap{margin-top:var(--space-5);overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.stats-table th,.stats-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:right}.stats-table th[scope=row],.stats-table thead th:first-child{text-align:left}.stats-table thead th{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.stats-empty{margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.details-not-found-title{margin:0;font-size:var(--font-size-lg)}.dashboard-page .ui-button-primary{background:var(--gradient-brand)}.dashboard-server-card-offline{border-color:var(--color-offline-border);background:var(--color-offline-surface-subtle)}.dashboard-server-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.dashboard-server-title{min-width:0}.dashboard-server-title h2{margin:0;overflow-wrap:anywhere;font-size:var(--font-size-lg);letter-spacing:-.025em}.dashboard-server-title .eyebrow{margin-bottom:var(--space-1)}.dashboard-metrics{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.dashboard-metric{display:grid;gap:var(--space-2)}.dashboard-metric-label{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs)}.dashboard-metric-label strong{color:var(--color-text);font-variant-numeric:tabular-nums}.dashboard-metric-track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-neutral-surface)}.dashboard-metric-fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.dashboard-metric-fill-warning{background:var(--color-warning)}.dashboard-metric-fill-critical{background:var(--color-critical)}.dashboard-server-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs)}.dashboard-server-footer strong{margin-left:var(--space-1);color:var(--color-text);font-weight:700;font-variant-numeric:tabular-nums}.dashboard-waiting{display:grid;justify-items:start;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-waiting-mark{color:var(--color-text-subtle);font-size:var(--font-size-xl);font-weight:800;letter-spacing:.12em;line-height:1}.dashboard-waiting p{margin:0}.dashboard-waiting a{font-size:var(--font-size-xs);font-weight:700}.dashboard-empty{display:grid;min-height:280px;justify-items:center;align-content:center;gap:var(--space-3);text-align:center}.dashboard-toolbar{display:grid;gap:var(--space-3);margin-bottom:var(--space-2)}.dashboard-toolbar-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dashboard-field{display:grid;gap:var(--space-1);min-width:0;color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.dashboard-search{flex:1 1 16rem}.dashboard-sort{flex:1 1 12rem;max-width:18rem}.dashboard-field input,.dashboard-field select{width:100%;min-height:var(--control-min-height);padding:0 var(--space-3);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);transition:border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-focus) var(--ease-standard)}.dashboard-filter-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dashboard-filter{display:inline-flex;min-height:var(--touch-target-min-size);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text-subtle);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--motion-duration-color) var(--ease-standard),background-color var(--motion-duration-color) var(--ease-standard),color var(--motion-duration-color) var(--ease-standard)}.dashboard-filter-count{min-width:1.5rem;padding:0 var(--space-1);border-radius:var(--radius-pill);color:var(--color-text-subtle);background:var(--color-neutral-surface);font-size:var(--font-size-xs);text-align:center}.dashboard-filter-active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.dashboard-filter-active .dashboard-filter-count{color:var(--color-on-primary);background:var(--color-primary)}.dashboard-results{min-height:1.25rem;margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-empty .empty-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-soft);font-size:var(--font-size-xl)}.dashboard-empty h2{margin:var(--space-1) 0 0;font-size:var(--font-size-lg)}.dashboard-empty p{max-width:430px;margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.account-page-heading{align-items:flex-start}.account-sections{display:grid;max-width:820px;gap:var(--space-4)}.account-disclosure{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card-subtle)}.account-disclosure>summary{position:relative;isolation:isolate;display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;transition:color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-hover) var(--ease-soft-out)}.account-disclosure>summary:before{--button-state-overlay: var(--color-surface-overlay)}.account-disclosure>summary::-webkit-details-marker{display:none}.account-summary-copy{display:grid;gap:var(--space-1)}.account-summary-copy strong{color:var(--color-text);font-size:var(--font-size-base)}.account-summary-copy small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.account-summary-status{display:flex;align-items:center;gap:var(--space-3)}.account-chevron{width:9px;height:9px;flex:0 0 auto;border-right:2px solid var(--color-text-subtle);border-bottom:2px solid var(--color-text-subtle);transform:rotate(45deg);transition:transform var(--motion-duration-color) var(--ease-standard)}.account-disclosure[open] .account-chevron{transform:rotate(225deg)}.account-disclosure-content{display:grid;gap:var(--space-4);padding:var(--space-5);border-top:1px solid var(--color-border)}.account-username{margin:0;color:var(--color-text);font-size:var(--font-size-base);font-weight:700}.account-description,.account-status-copy p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.account-status-copy{display:grid;justify-items:start;gap:var(--space-3)}.account-status-copy .account-muted{color:var(--color-text-subtle)}.account-deletion-form{display:grid;max-width:560px;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.account-form-field{display:grid;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.account-form-field input{width:100%;min-height:var(--control-min-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font:inherit;transition:border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-focus) var(--ease-standard)}.account-confirm-checkbox{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.55}.account-confirm-checkbox input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--color-primary)}.account-deletion-form>.ui-button{justify-self:start}.account-cancel-area{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.servers-page-heading>.status-badge{flex:0 0 auto}.servers-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);align-items:start;gap:var(--space-5)}.servers-main-column{display:grid;min-width:0;gap:var(--space-5)}.server-list-panel,.add-server-panel,.server-key-card{min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card-subtle)}.server-list-heading,.server-record-heading,.server-card-heading,.add-server-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.server-list-heading{margin-bottom:var(--space-4)}.server-list-heading h2,.add-server-panel h2,.server-card-heading h2{margin:0;font-size:var(--font-size-lg);letter-spacing:-.025em}.server-list-heading .eyebrow,.server-card-heading .eyebrow,.add-server-panel .eyebrow{margin-bottom:var(--space-1)}.server-record-list{display:grid;gap:var(--space-3)}.server-record{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-hover) var(--ease-soft-out)}.server-record-main{min-width:0}.server-record-heading{align-items:flex-start}.server-record-heading h3{margin:0;overflow-wrap:anywhere;font-size:var(--font-size-base)}.server-record-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.server-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.server-action-row .ui-button{min-height:36px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.add-server-panel{position:sticky;top:calc(76px + var(--space-4))}.add-server-panel-heading{align-items:flex-start;justify-content:flex-start}.step-number{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-soft);font-size:var(--font-size-xs);font-weight:800}.add-server-panel .card-description{margin-top:var(--space-4)}.add-server-form{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.add-server-form label,.rename-form label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:700}.add-server-form input,.rename-form input{width:100%;min-height:var(--control-min-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font:inherit;transition:border-color var(--motion-duration-color) var(--ease-standard),box-shadow var(--motion-duration-focus) var(--ease-standard)}.add-server-form input:disabled{color:var(--color-text-muted);background:var(--color-surface-subtle)}.field-hint,.limit-note{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5}.add-server-form>.ui-button{width:100%;margin-top:var(--space-2)}.limit-note{margin-top:var(--space-3);color:var(--color-warning)}.setup-note{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.setup-note ol{display:grid;gap:var(--space-3);margin:var(--space-3) 0 0;padding-left:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.55}.setup-note li::marker{color:var(--color-primary);font-weight:800}.help-link,.inline-action{display:inline-flex;align-items:center;min-height:var(--touch-target-min-size);margin-top:var(--space-4);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700}.servers-empty,.servers-loading{display:grid;min-height:220px;justify-items:center;align-content:center;gap:var(--space-2);padding:var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center}.servers-loading{display:flex;min-height:125px;justify-content:center;font-size:var(--font-size-sm)}.servers-empty .empty-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-soft);font-size:var(--font-size-xl)}.servers-empty h3{margin:var(--space-2) 0 0;color:var(--color-text);font-size:var(--font-size-base)}.servers-empty p{max-width:360px;margin:0;font-size:var(--font-size-sm);line-height:1.5}.servers-empty .inline-action{margin-top:var(--space-1)}.server-key-card{border-color:var(--color-warning-border);background:var(--color-warning-surface-subtle)}.server-key-warning{margin:var(--space-4) 0;color:var(--color-warning);font-size:var(--font-size-sm);line-height:1.55}.server-key-value{display:block;overflow-wrap:anywhere;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font-family:Consolas,Courier New,monospace;font-size:var(--font-size-sm)}.page-feedback,.page-alert,.session-notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:var(--color-success);background:var(--color-success-surface);font-size:var(--font-size-sm);line-height:1.5}.page-feedback-error,.page-alert-error,.session-notice{border-color:var(--color-danger-border);color:var(--color-critical)!important;background:var(--color-danger-surface)}.page-feedback{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.page-feedback p{margin:0}.page-feedback-close{display:grid;width:var(--touch-target-min-size);height:var(--touch-target-min-size);flex:0 0 auto;place-items:center;margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) 0;padding:0;border:0;border-radius:var(--radius-md);color:inherit;background:transparent;font-size:var(--font-size-lg);line-height:1;cursor:pointer;transition:background-color var(--motion-duration-color) var(--ease-standard)}.page-alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.page-alert p{margin:0}.session-notice a{font-weight:700}.rename-form{display:grid;gap:var(--space-2)}.rename-form .server-action-row{margin-top:var(--space-2)}.mobile-header,.nav-backdrop{display:none}@keyframes page-enter{0%{opacity:.78;transform:translateY(var(--motion-enter-offset))}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.landing-main{gap:var(--space-8);padding-top:var(--space-10)}.landing-intro h1{font-size:var(--font-size-display-compact)}.landing-intro{padding:var(--space-8) var(--space-5)}.landing-description{font-size:var(--font-size-base)}.landing-primary-actions .landing-button{flex:1 1 auto}.mobile-header{position:sticky;z-index:8;top:0;display:flex;min-height:62px;align-items:center;justify-content:space-between;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-header .brand{font-size:var(--font-size-sm);font-weight:700}.mobile-header .brand-mark{width:32px;height:32px;font-size:var(--font-size-base)}.menu-toggle{width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);padding:0}.menu-icon{font-size:var(--font-size-xl);line-height:1}.navigation-rail{z-index:10;width:min(280px,calc(100vw - 52px));padding-top:var(--space-4);box-shadow:var(--shadow-card);transform:translate(-105%);transition:transform var(--motion-duration-hover) var(--ease-soft-out)}.navigation-rail-open{transform:translate(0)}.desktop-brand,.nav-section-label{display:none}.primary-navigation{margin-top:var(--space-2)}.nav-backdrop{position:fixed;z-index:9;inset:62px 0 0;display:block;border:0;background:var(--color-overlay);animation:backdrop-enter var(--motion-duration-color) var(--ease-soft-out) both}.app-content{min-height:calc(100vh - 62px);margin-left:0}.page-topbar{display:none}.page-content{padding:var(--space-6) var(--space-4)}.page-heading{align-items:flex-start;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.page-heading>.ui-button{width:100%}.servers-page-heading,.dashboard-page-heading{align-items:flex-start}.account-disclosure>summary{padding:var(--space-4)}.account-disclosure-content{padding:var(--space-4)}.account-summary-status .status-badge{display:none}.account-deletion-form>.ui-button{width:100%}.dashboard-server-card,.dashboard-empty{padding:var(--space-4)}.dashboard-server-heading{align-items:flex-start}.dashboard-server-footer{flex-direction:column}.servers-layout{grid-template-columns:1fr}.add-server-panel{position:static;grid-row:1}.server-list-panel,.add-server-panel,.server-key-card{padding:var(--space-4)}.server-list-heading{align-items:flex-start}.server-record-heading{flex-direction:column;gap:var(--space-3)}.server-action-row .ui-button{flex:1 1 auto}.page-alert{align-items:flex-start;flex-direction:column}.preview-card-heading{flex-direction:column}.preview-card-footer{flex-wrap:wrap}.preview-card-footer .ui-button-text{width:100%;justify-content:flex-start;margin:var(--space-2) 0 0}}@media(max-width:420px){.dialog-actions{flex-direction:column-reverse}.dialog-actions .ui-button{width:100%}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes landing-hero-enter{0%{opacity:0;transform:translateY(var(--motion-enter-offset))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--motion-reduced)!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:var(--motion-reduced)!important}.page-content,.landing-intro{animation:none!important;opacity:1;transform:none}.landing-button:active,.ui-button:active:not(:disabled){transform:none!important}}@media(hover:hover){a:hover:not(.landing-button):not(.ui-button){color:var(--color-primary-hover);text-decoration:none}.landing-button:hover,.ui-button:hover:not(:disabled){box-shadow:var(--shadow-control);transform:translateY(var(--motion-hover-offset))}.landing-button:hover:before,.ui-button:hover:not(:disabled):before,.navigation-link:hover:before,.account-disclosure>summary:hover:before{opacity:var(--opacity-state-hover)}.landing-button-primary:hover,.ui-button-primary:hover:not(:disabled){color:var(--color-on-primary)}.landing-button-secondary:hover,.ui-button-secondary:hover:not(:disabled){border-color:var(--color-border-hover)}.navigation-link:hover{color:var(--color-text)}.navigation-link-active:hover{color:var(--color-primary)}.landing-step:hover,.dashboard-server-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-raised)}.dashboard-server-card-offline:hover{border-color:var(--color-offline-border)}.dashboard-server-card:hover .dashboard-card-more,.details-back-link:hover{color:var(--color-primary-hover)}.profile-link:hover:not(.profile-link-active){background:var(--color-neutral-surface)}.page-feedback-close:hover{background:#17203314}.account-disclosure>summary:hover{color:var(--color-text)}.server-record:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-raised)}.help-link:hover,.inline-action:hover{color:var(--color-primary-hover)}.auth-form-field input:hover:not(:focus-visible),.account-form-field input:hover:not(:focus-visible),.add-server-form input:hover:not(:focus-visible),.rename-form input:hover:not(:focus-visible),.dashboard-field input:hover:not(:focus-visible),.dashboard-field select:hover:not(:focus-visible){border-color:var(--color-border-hover)}.dashboard-filter:hover:not(.dashboard-filter-active){border-color:var(--color-border-hover);color:var(--color-text)}}a:active:not(.landing-button):not(.ui-button){color:var(--color-primary-pressed)}.landing-button:active,.ui-button:active:not(:disabled){box-shadow:var(--shadow-button-pressed);transform:translateY(var(--motion-press-offset));transition-duration:var(--motion-duration-press)}.landing-button:active:before,.ui-button:active:not(:disabled):before,.navigation-link:active:before,.account-disclosure>summary:active:before{opacity:var(--opacity-state-active);transition-duration:var(--motion-duration-press)}@media(hover:hover)and (prefers-reduced-motion:reduce){.landing-button:hover,.ui-button:hover:not(:disabled){transform:none!important}}