@charset "UTF-8";:root,.hops-theme{color-scheme:light;--hops-font-sans: "Plus Jakarta Sans", "Hanken Grotesk", Inter, system-ui, sans-serif;--hops-font-heading: Platypi, Newsreader, Georgia, serif;--hops-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--hops-color-ink: #24282a;--hops-color-ink-subtle: #353c3f;--hops-color-ink-muted: #686d6f;--hops-color-canvas: #eeece8;--hops-color-surface: #ffffff;--hops-color-surface-subtle: #fcfbfa;--hops-color-border: #dedbd6;--hops-color-border-strong: #c7c3bd;--hops-color-accent: #00af6e;--hops-color-accent-hover: #087a52;--hops-color-primary-hover: #00b876;--hops-color-accent-soft: #d8ffb0;--hops-color-accent-ink: #1d3131;--hops-color-on-accent: #1d3131;--hops-color-focus: rgba(0, 175, 110, .3);--hops-color-success: #087a52;--hops-color-success-soft: #e0f5ec;--hops-color-on-success: #fff;--hops-color-warning: #a96700;--hops-color-warning-soft: #fff0c7;--hops-color-on-warning: #fff;--hops-color-danger: #b83d3d;--hops-color-danger-soft: #ffdede;--hops-color-on-danger: #fff;--hops-color-info: #3867d6;--hops-color-info-soft: #e5edff;--hops-space-1: .25rem;--hops-space-2: .5rem;--hops-space-3: .75rem;--hops-space-4: 1rem;--hops-space-5: 1.5rem;--hops-space-6: 2rem;--hops-space-7: 3rem;--hops-space-8: 4rem;--hops-space-9: 6rem;--hops-radius-xs: .375rem;--hops-radius-sm: .625rem;--hops-radius-md: .875rem;--hops-radius-lg: 1rem;--hops-radius-xl: 1.5rem;--hops-radius-pill: 999rem;--hops-shadow-xs: 0 1px 2px rgba(36, 40, 42, .06);--hops-shadow-sm: 0 8px 24px -18px rgba(36, 40, 42, .35);--hops-shadow-md: 0 18px 48px -28px rgba(36, 40, 42, .42);--hops-shadow-lg: 0 30px 80px -38px rgba(29, 49, 49, .55);--hops-transition-fast: .12s ease;--hops-transition: .18s ease;--hops-transition-slow: .28s cubic-bezier(.2, .8, .2, 1);--hops-motion-enter: .18s cubic-bezier(.16, 1, .3, 1);--hops-layer-base: 0;--hops-layer-sticky: 20;--hops-layer-menu: 40;--hops-layer-drawer: 60;--hops-layer-dialog: 80;--hops-layer-toast: 100;--hops-content-width: 75rem;--hops-content-width-narrow: 48rem;--hops-sidebar-width: 16rem;--hops-sidebar-width-collapsed: 4.5rem;--hops-topbar-height: 4rem;--hops-page-gutter: clamp(1rem, 3vw, 2.5rem);--hops-control-height: 2.75rem;--hops-control-height-sm: 2.125rem;--hops-control-padding-block: .7rem;--hops-button-padding-block: .75rem;--hops-button-padding-block-sm: .5rem;--hops-icon-xs: .875rem;--hops-icon-sm: 1rem;--hops-icon-md: 1.25rem;--hops-icon-lg: 1.5rem;--hops-color-lifecycle-draft: #686d6f;--hops-color-lifecycle-queued: #3867d6;--hops-color-lifecycle-running: #8264f8;--hops-color-lifecycle-review: #a96700;--hops-color-lifecycle-complete: #087a52;--hops-color-lifecycle-failed: #b83d3d;--hops-color-lifecycle-offline: #5f6364;--hops-chart-1: #00af6e;--hops-chart-2: #8264f8;--hops-chart-3: #3867d6;--hops-chart-4: #e59a23;--hops-chart-5: #d85f78;--hops-chart-grid: #dedbd6;--hops-code-surface: #182222;--hops-code-ink: #e9efec}.hops-theme[data-hops-density=compact],.hops-theme .hops-density--compact{--hops-control-height: 2.25rem;--hops-control-height-sm: 1.875rem;--hops-control-padding-block: .45rem;--hops-button-padding-block: .5rem;--hops-button-padding-block-sm: .35rem;--hops-page-gutter: clamp(.75rem, 2vw, 1.5rem)}[data-hops-theme=finance],[data-hops-theme=finance] .hops-theme{--hops-color-accent: #6747e8;--hops-color-accent-hover: #5635d6;--hops-color-primary-hover: #5635d6;--hops-color-accent-soft: #e9e4ff;--hops-color-accent-ink: #28204e;--hops-color-on-accent: #fff;--hops-color-focus: rgba(130, 100, 248, .3)}[data-hops-theme=connect],[data-hops-theme=connect] .hops-theme{--hops-color-accent: #353c3f;--hops-color-accent-hover: #24282a;--hops-color-primary-hover: #24282a;--hops-color-accent-soft: #e8e9e9;--hops-color-accent-ink: #24282a;--hops-color-on-accent: #fff;--hops-color-focus: rgba(53, 60, 63, .28)}[data-hops-mode=dark],[data-hops-mode=dark] .hops-theme{color-scheme:dark;--hops-color-ink: #f7f5f1;--hops-color-ink-subtle: #d9d7d1;--hops-color-ink-muted: #aaaead;--hops-color-canvas: #151d1d;--hops-color-surface: #1d2929;--hops-color-surface-subtle: #243131;--hops-color-border: #354443;--hops-color-border-strong: #4b5c5a;--hops-color-accent-soft: #173d30;--hops-color-accent-ink: #d8ffb0;--hops-color-success: #67d9a5;--hops-color-success-soft: #173d30;--hops-color-on-success: #15251f;--hops-color-warning: #ffc866;--hops-color-warning-soft: #443518;--hops-color-on-warning: #332600;--hops-color-danger: #ff9a9a;--hops-color-danger-soft: #472728;--hops-color-on-danger: #321719;--hops-color-info: #8ba8ff;--hops-color-info-soft: #202f4d;--hops-color-lifecycle-draft: #aaaead;--hops-color-lifecycle-queued: #8ba8ff;--hops-color-lifecycle-running: #b5a4ff;--hops-color-lifecycle-review: #ffc866;--hops-color-lifecycle-complete: #67d9a5;--hops-color-lifecycle-failed: #ff9a9a;--hops-color-lifecycle-offline: #aaaead;--hops-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--hops-shadow-sm: 0 10px 24px -18px rgba(0, 0, 0, .8);--hops-shadow-md: 0 20px 48px -28px rgba(0, 0, 0, .9);--hops-chart-grid: #354443;--hops-code-surface: #111818}[data-hops-theme=finance][data-hops-mode=dark],[data-hops-theme=finance][data-hops-mode=dark] .hops-theme,[data-hops-mode=dark] [data-hops-theme=finance],[data-hops-theme=finance] [data-hops-mode=dark]{--hops-color-accent-soft: #302752;--hops-color-accent-ink: #e9e4ff}[data-hops-theme=connect][data-hops-mode=dark],[data-hops-theme=connect][data-hops-mode=dark] .hops-theme,[data-hops-mode=dark] [data-hops-theme=connect],[data-hops-theme=connect] [data-hops-mode=dark]{--hops-color-accent-soft: #354443;--hops-color-accent-ink: #f7f5f1}.hops-theme,.hops-theme *,.hops-theme *:before,.hops-theme *:after{box-sizing:border-box}.hops-theme{background:var(--hops-color-canvas);color:var(--hops-color-ink);font-family:var(--hops-font-sans);font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.hops-heading{color:var(--hops-color-ink);font-family:var(--hops-font-heading);font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0}.hops-heading--display{font-size:clamp(3rem,7vw,5.5rem)}.hops-heading--1{font-size:clamp(2.5rem,5vw,4.5rem)}.hops-heading--2{font-size:clamp(2rem,3vw,3rem)}.hops-heading--3{font-size:1.5rem}.hops-eyebrow{color:var(--hops-color-accent-hover);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hops-text-muted{color:var(--hops-color-ink-muted)}.hops-text-small{font-size:.875rem}.hops-code{background:var(--hops-color-surface-subtle);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-xs);font-family:var(--hops-font-mono);font-size:.86em;padding:.12em .38em}.hops-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.hops-btn{align-items:center;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--hops-radius-md);color:inherit;cursor:pointer;display:inline-flex;font:700 .9375rem/1 var(--hops-font-sans);gap:.55rem;justify-content:center;min-height:var(--hops-control-height);padding:var(--hops-button-padding-block) 1.15rem;text-decoration:none;transition:background var(--hops-transition),border-color var(--hops-transition),color var(--hops-transition),transform var(--hops-transition-fast),box-shadow var(--hops-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.hops-btn:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-btn:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.hops-btn:disabled,.hops-btn[aria-disabled=true]{cursor:not-allowed;opacity:.48}.hops-btn svg{height:1.15em;width:1.15em}.hops-btn--primary{background:var(--hops-color-accent);box-shadow:0 8px 20px -12px var(--hops-color-accent);color:var(--hops-color-on-accent)}.hops-btn--primary:hover:not(:disabled,[aria-disabled=true]){background:var(--hops-color-primary-hover)}.hops-btn--secondary{background:var(--hops-color-surface);border-color:var(--hops-color-border-strong);box-shadow:var(--hops-shadow-xs)}.hops-btn--secondary:hover:not(:disabled,[aria-disabled=true]){border-color:var(--hops-color-ink-muted)}.hops-btn--soft{background:var(--hops-color-accent-soft);color:var(--hops-color-accent-ink)}.hops-btn--soft:hover:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hops-color-accent) 28%,transparent)}.hops-btn--ghost{color:var(--hops-color-ink-subtle)}.hops-btn--ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--hops-color-surface-subtle)}.hops-btn--danger{background:var(--hops-color-danger);color:var(--hops-color-on-danger)}.hops-btn--danger:hover:not(:disabled,[aria-disabled=true]){filter:brightness(.92)}.hops-btn--sm{border-radius:var(--hops-radius-sm);font-size:.8125rem;min-height:var(--hops-control-height-sm);padding:var(--hops-button-padding-block-sm) .75rem}.hops-btn--lg{font-size:1.05rem;min-height:3.25rem;padding:.9rem 1.4rem}.hops-btn--icon{aspect-ratio:1;padding:0}.hops-btn--block{width:100%}.hops-btn-group{display:flex;flex-wrap:wrap;gap:var(--hops-space-2)}.hops-badge{align-items:center;background:var(--hops-color-surface-subtle);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-pill);color:var(--hops-color-ink-subtle);display:inline-flex;font-size:.75rem;font-weight:800;gap:.4rem;line-height:1;padding:.4rem .65rem;white-space:nowrap}.hops-badge--accent{background:var(--hops-color-accent-soft);border-color:transparent;color:var(--hops-color-accent-ink)}.hops-badge--success{background:var(--hops-color-success-soft);border-color:transparent;color:var(--hops-color-success)}.hops-badge--warning{background:var(--hops-color-warning-soft);border-color:transparent;color:var(--hops-color-warning)}.hops-badge--danger{background:var(--hops-color-danger-soft);border-color:transparent;color:var(--hops-color-danger)}.hops-status-dot{background:currentColor;border-radius:50%;height:.45rem;width:.45rem}.hops-card{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);box-shadow:var(--hops-shadow-sm);color:var(--hops-color-ink);padding:var(--hops-space-5)}.hops-card--flat{box-shadow:none}.hops-card--interactive{color:inherit;display:block;text-decoration:none;transition:border-color var(--hops-transition),box-shadow var(--hops-transition),transform var(--hops-transition)}.hops-card--interactive:hover{border-color:color-mix(in srgb,var(--hops-color-accent) 50%,var(--hops-color-border));box-shadow:var(--hops-shadow-md);transform:translateY(-2px)}.hops-card--interactive:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-card__header,.hops-card__footer{align-items:center;display:flex;gap:var(--hops-space-3);justify-content:space-between}.hops-card__header{margin-bottom:var(--hops-space-4)}.hops-card__footer{border-top:1px solid var(--hops-color-border);margin-top:var(--hops-space-5);padding-top:var(--hops-space-4)}.hops-card__title{font-size:1rem;font-weight:800;margin:0}.hops-card__body{color:var(--hops-color-ink-muted);margin:0}.hops-field{display:grid;gap:.4rem}.hops-label{color:var(--hops-color-ink-subtle);font-size:.8125rem;font-weight:800}.hops-label__optional{color:var(--hops-color-ink-muted);font-weight:500}.hops-input,.hops-select,.hops-textarea{appearance:none;background:var(--hops-color-surface);border:1px solid var(--hops-color-border-strong);border-radius:var(--hops-radius-sm);color:var(--hops-color-ink);font:500 .9375rem/1.4 var(--hops-font-sans);min-height:var(--hops-control-height);padding:var(--hops-control-padding-block) .85rem;transition:border-color var(--hops-transition),box-shadow var(--hops-transition);width:100%}.hops-input::placeholder,.hops-select::placeholder,.hops-textarea::placeholder{color:var(--hops-color-ink-muted)}.hops-input:hover:not(:disabled),.hops-select:hover:not(:disabled),.hops-textarea:hover:not(:disabled){border-color:var(--hops-color-ink-muted)}.hops-input:focus,.hops-select:focus,.hops-textarea:focus{border-color:var(--hops-color-accent);box-shadow:0 0 0 3px var(--hops-color-focus);outline:0}.hops-input:disabled,.hops-select:disabled,.hops-textarea:disabled{background:var(--hops-color-surface-subtle);cursor:not-allowed;opacity:.62}.hops-input[aria-invalid=true],.hops-select[aria-invalid=true],.hops-textarea[aria-invalid=true]{border-color:var(--hops-color-danger)}.hops-select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .72rem) 50%;background-repeat:no-repeat;background-size:.3rem .3rem;padding-right:2.4rem}.hops-textarea{min-height:7rem;resize:vertical}.hops-help,.hops-error{font-size:.75rem;margin:0}.hops-help{color:var(--hops-color-ink-muted)}.hops-error{color:var(--hops-color-danger);font-weight:700}.hops-choice{align-items:flex-start;color:var(--hops-color-ink-subtle);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.65rem;position:relative}.hops-choice input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.hops-choice__control{align-items:center;background:var(--hops-color-surface);border:1.5px solid var(--hops-color-border-strong);border-radius:.3rem;display:flex;flex:0 0 auto;height:1.15rem;justify-content:center;margin-top:.08rem;transition:background var(--hops-transition),border-color var(--hops-transition),box-shadow var(--hops-transition);width:1.15rem}.hops-choice input[type=radio]+.hops-choice__control{border-radius:50%}.hops-choice input:focus-visible+.hops-choice__control{box-shadow:0 0 0 3px var(--hops-color-focus)}.hops-choice input:checked+.hops-choice__control{background:var(--hops-color-accent);border-color:var(--hops-color-accent);box-shadow:inset 0 0 0 3px var(--hops-color-surface)}.hops-choice input[type=checkbox]:checked+.hops-choice__control{box-shadow:none}.hops-choice input[type=checkbox]:checked+.hops-choice__control:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:.52rem;transform:rotate(45deg) translate(-.03rem,-.05rem);width:.25rem}.hops-switch{align-items:center;color:var(--hops-color-ink-subtle);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.7rem}.hops-switch input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.hops-switch__track{background:var(--hops-color-border-strong);border-radius:var(--hops-radius-pill);display:block;height:1.45rem;padding:.18rem;transition:background var(--hops-transition),box-shadow var(--hops-transition);width:2.6rem}.hops-switch__thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #24282a40;display:block;height:1.09rem;transition:transform var(--hops-transition);width:1.09rem}.hops-switch input:checked+.hops-switch__track{background:var(--hops-color-accent)}.hops-switch input:checked+.hops-switch__track .hops-switch__thumb{transform:translate(1.15rem)}.hops-switch input:focus-visible+.hops-switch__track{box-shadow:0 0 0 3px var(--hops-color-focus)}.hops-alert{align-items:flex-start;background:var(--hops-color-info-soft);border:1px solid color-mix(in srgb,var(--hops-color-info) 25%,transparent);border-radius:var(--hops-radius-md);color:var(--hops-color-ink-subtle);display:flex;gap:var(--hops-space-3);padding:var(--hops-space-4)}.hops-alert--success{background:var(--hops-color-success-soft);border-color:color-mix(in srgb,var(--hops-color-success) 25%,transparent)}.hops-alert--warning{background:var(--hops-color-warning-soft);border-color:color-mix(in srgb,var(--hops-color-warning) 25%,transparent)}.hops-alert--danger{background:var(--hops-color-danger-soft);border-color:color-mix(in srgb,var(--hops-color-danger) 25%,transparent)}.hops-alert__icon{align-items:center;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:50%;display:flex;flex:0 0 auto;height:1.6rem;justify-content:center;width:1.6rem}.hops-alert__title{color:var(--hops-color-ink);font-size:.9rem;font-weight:800;margin:0 0 .15rem}.hops-alert__body{font-size:.84rem;margin:0}.hops-tabs{border-bottom:1px solid var(--hops-color-border);display:flex;gap:var(--hops-space-5);overflow-x:auto;overflow-y:hidden}.hops-tab{background:transparent;border:0;color:var(--hops-color-ink-muted);cursor:pointer;font:700 .9rem/1 var(--hops-font-sans);padding:.9rem .1rem;position:relative;white-space:nowrap}.hops-tab:after{background:transparent;border-radius:var(--hops-radius-pill);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.hops-tab:hover{color:var(--hops-color-ink)}.hops-tab:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-tab[aria-selected=true],.hops-tab.is-active{color:var(--hops-color-ink)}.hops-tab[aria-selected=true]:after,.hops-tab.is-active:after{background:var(--hops-color-accent)}.hops-tab-panel:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-tab-panel{color:var(--hops-color-ink-muted);font-size:.875rem;padding:var(--hops-space-4) 0}.hops-breadcrumbs{align-items:center;color:var(--hops-color-ink-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.45rem;list-style:none;margin:0;padding:0}.hops-breadcrumbs li:not(:last-child):after{color:var(--hops-color-border-strong);content:"/";margin-left:.45rem}.hops-breadcrumbs a{color:inherit;text-decoration:none}.hops-breadcrumbs a:hover{color:var(--hops-color-accent-hover)}.hops-table-wrap{border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);overflow-x:auto}.hops-table{border-collapse:collapse;font-size:.875rem;width:100%}.hops-table th,.hops-table td{padding:.9rem 1rem;text-align:left}.hops-table th{background:var(--hops-color-surface-subtle);color:var(--hops-color-ink-muted);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hops-table td{background:var(--hops-color-surface);border-top:1px solid var(--hops-color-border);color:var(--hops-color-ink-subtle)}.hops-table tbody tr:hover td{background:color-mix(in srgb,var(--hops-color-accent-soft) 22%,var(--hops-color-surface))}.hops-stat{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);padding:var(--hops-space-4)}.hops-stat__label{color:var(--hops-color-ink-muted);font-size:.75rem;font-weight:700;margin:0 0 .35rem}.hops-stat__value{color:var(--hops-color-ink);font-family:var(--hops-font-heading);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.04em;line-height:1;margin:0}.hops-stat__meta{color:var(--hops-color-success);font-size:.72rem;font-weight:800;margin-top:.55rem}.hops-avatar{align-items:center;background:var(--hops-color-accent-soft);border:2px solid var(--hops-color-surface);border-radius:50%;color:var(--hops-color-accent-ink);display:inline-flex;font-size:.72rem;font-weight:800;height:2rem;justify-content:center;overflow:hidden;width:2rem}.hops-avatar--lg{font-size:1rem;height:2.75rem;width:2.75rem}.hops-avatar img{height:100%;object-fit:cover;width:100%}.hops-avatar-group{display:flex}.hops-avatar-group .hops-avatar+.hops-avatar{margin-left:-.55rem}.hops-progress{background:var(--hops-color-border);border-radius:var(--hops-radius-pill);height:.45rem;overflow:hidden}.hops-progress__bar{background:var(--hops-color-accent);border-radius:inherit;height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1)}.hops-kbd{background:var(--hops-color-surface-subtle);border:1px solid var(--hops-color-border);border-bottom-width:2px;border-radius:.32rem;color:var(--hops-color-ink-subtle);font:700 .72rem/1 var(--hops-font-mono);padding:.25rem .38rem}.hops-divider{border:0;border-top:1px solid var(--hops-color-border);margin:var(--hops-space-5) 0}.hops-dialog{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-xl);box-shadow:var(--hops-shadow-lg);color:var(--hops-color-ink);max-width:min(32rem,100vw - 2rem);padding:0;width:100%}.hops-dialog::backdrop{background:#0f16169e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hops-dialog__content{padding:var(--hops-space-6)}.hops-dialog__title{font-family:var(--hops-font-heading);font-size:1.75rem;font-weight:600;letter-spacing:-.035em;margin:0}.hops-dialog__footer{align-items:center;border-top:1px solid var(--hops-color-border);display:flex;gap:var(--hops-space-2);justify-content:flex-end;padding:var(--hops-space-4) var(--hops-space-6)}.hops-tooltip{display:inline-flex;position:relative}.hops-tooltip__content{background:var(--hops-color-ink);border-radius:var(--hops-radius-xs);bottom:calc(100% + .5rem);color:var(--hops-color-surface);font-size:.72rem;font-weight:700;left:50%;opacity:0;padding:.4rem .55rem;pointer-events:none;position:absolute;transform:translate(-50%,.25rem);transition:opacity var(--hops-transition-fast),transform var(--hops-transition-fast);white-space:nowrap;z-index:var(--hops-layer-menu)}.hops-tooltip:hover .hops-tooltip__content,.hops-tooltip:focus-within .hops-tooltip__content{opacity:1;transform:translate(-50%)}@keyframes hops-shimmer{to{transform:translate(100%)}}@keyframes hops-spin{to{transform:rotate(360deg)}}.hops-skeleton{background:var(--hops-color-border);border-radius:var(--hops-radius-xs);min-height:1rem;overflow:hidden;position:relative}.hops-skeleton:after{animation:hops-shimmer 1.35s infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hops-color-surface) 70%,transparent),transparent);content:"";inset:0;position:absolute;transform:translate(-100%)}.hops-spinner{animation:hops-spin .7s linear infinite;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:50%;border-top-color:currentColor;display:inline-block;height:1.1rem;width:1.1rem}@media(prefers-reduced-motion:reduce){.hops-theme *,.hops-theme *:before,.hops-theme *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hops-app-shell{background:var(--hops-color-canvas);color:var(--hops-color-ink);display:grid;grid-template:var(--hops-topbar-height) minmax(0,1fr)/var(--hops-sidebar-width) minmax(0,1fr);min-height:100dvh}.hops-app-shell--collapsed{grid-template-columns:var(--hops-sidebar-width-collapsed) minmax(0,1fr)}.hops-sidebar{background:var(--hops-color-surface);border-right:1px solid var(--hops-color-border);display:flex;flex-direction:column;grid-row:1/-1;min-width:0;overflow:hidden auto;position:relative;z-index:var(--hops-layer-sticky)}.hops-sidebar__brand,.hops-sidebar__footer{align-items:center;display:flex;flex:0 0 auto;gap:var(--hops-space-3);min-height:var(--hops-topbar-height);padding:var(--hops-space-3) var(--hops-space-4)}.hops-sidebar__brand{border-bottom:1px solid var(--hops-color-border);color:var(--hops-color-ink);font-weight:800;text-decoration:none}.hops-sidebar__footer{border-top:1px solid var(--hops-color-border);margin-top:auto}.hops-sidebar__nav{padding:var(--hops-space-4) var(--hops-space-3)}.hops-nav-group+.hops-nav-group{margin-top:var(--hops-space-5)}.hops-nav-group__label{color:var(--hops-color-ink-muted);font-size:.65rem;font-weight:800;letter-spacing:.1em;margin:0 0 var(--hops-space-2);padding:0 var(--hops-space-3);text-transform:uppercase}.hops-nav-item{align-items:center;border-radius:var(--hops-radius-sm);color:var(--hops-color-ink-subtle);display:flex;font-size:.875rem;font-weight:650;gap:var(--hops-space-3);min-height:var(--hops-control-height);padding:.6rem .75rem;text-decoration:none;transition:background var(--hops-transition),color var(--hops-transition)}.hops-nav-item:hover{background:var(--hops-color-surface-subtle);color:var(--hops-color-ink)}.hops-nav-item:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-nav-item[aria-current=page],.hops-nav-item.is-active{background:var(--hops-color-accent-soft);color:var(--hops-color-accent-ink);font-weight:800}.hops-nav-item__icon,.hops-icon{align-items:center;display:inline-flex;flex:0 0 auto;height:var(--hops-icon-md);justify-content:center;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:var(--hops-icon-md)}.hops-nav-item__icon>svg,.hops-icon>svg{height:100%;stroke-width:1.8;width:100%}.hops-icon--sm{height:var(--hops-icon-sm);width:var(--hops-icon-sm)}.hops-icon--lg{height:var(--hops-icon-lg);width:var(--hops-icon-lg)}.hops-nav-item__meta{margin-left:auto}.hops-topbar{align-items:center;background:color-mix(in srgb,var(--hops-color-surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hops-color-border);display:flex;gap:var(--hops-space-3);grid-column:2;min-width:0;padding:0 var(--hops-page-gutter);position:sticky;top:0;z-index:var(--hops-layer-sticky)}.hops-topbar__title{font-size:.95rem;font-weight:800;min-width:0}.hops-topbar__actions{align-items:center;display:flex;gap:var(--hops-space-2);margin-left:auto}.hops-app-main{grid-column:2;min-width:0;padding:var(--hops-page-gutter)}.hops-app-shell--collapsed .hops-sidebar__label,.hops-app-shell--collapsed .hops-nav-group__label,.hops-app-shell--collapsed .hops-nav-item__meta{display:none}.hops-app-shell--collapsed .hops-nav-item{justify-content:center;padding-inline:0}.hops-menu,.hops-popover{animation:hops-overlay-in var(--hops-motion-enter);background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);box-shadow:var(--hops-shadow-md);color:var(--hops-color-ink);min-width:13rem;padding:var(--hops-space-2);position:absolute;z-index:var(--hops-layer-menu)}.hops-popover{max-width:min(22rem,100vw - 2rem);padding:var(--hops-space-4)}.hops-menu__label{color:var(--hops-color-ink-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.45rem .65rem;text-transform:uppercase}.hops-menu__item{align-items:center;background:transparent;border:0;border-radius:var(--hops-radius-xs);color:var(--hops-color-ink-subtle);cursor:pointer;display:flex;font:650 .84rem/1.2 var(--hops-font-sans);gap:var(--hops-space-2);min-height:2.35rem;padding:.55rem .65rem;text-align:left;text-decoration:none;width:100%}.hops-menu__item:hover,.hops-menu__item:focus-visible,.hops-menu__item[data-highlighted]{background:var(--hops-color-surface-subtle);color:var(--hops-color-ink);outline:0}.hops-menu__item[aria-checked=true]:before{color:var(--hops-color-accent-hover);content:"✓";font-weight:900}.hops-menu__item--danger{color:var(--hops-color-danger)}.hops-menu__shortcut{color:var(--hops-color-ink-muted);font:600 .68rem/1 var(--hops-font-mono);margin-left:auto}.hops-menu__separator{border:0;border-top:1px solid var(--hops-color-border);margin:var(--hops-space-2) -.5rem}@keyframes hops-overlay-in{0%{opacity:0;transform:translateY(-.3rem) scale(.98)}}.hops-toast-region{bottom:var(--hops-space-5);display:grid;gap:var(--hops-space-3);max-width:min(24rem,100vw - 2rem);position:fixed;right:var(--hops-space-5);width:100%;z-index:var(--hops-layer-toast)}.hops-toast{align-items:flex-start;animation:hops-toast-in var(--hops-motion-enter);background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-left:.25rem solid var(--hops-color-info);border-radius:var(--hops-radius-md);box-shadow:var(--hops-shadow-lg);display:grid;gap:0 var(--hops-space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--hops-space-4)}.hops-toast--success{border-left-color:var(--hops-color-success)}.hops-toast--warning{border-left-color:var(--hops-color-warning)}.hops-toast--danger{border-left-color:var(--hops-color-danger)}.hops-toast__icon{grid-row:1/span 2}.hops-toast__title{font-size:.875rem;font-weight:800;margin:0}.hops-toast__body{color:var(--hops-color-ink-muted);font-size:.78rem;grid-column:2;margin:.15rem 0 0}.hops-toast__close{grid-column:3;grid-row:1/span 2}.hops-banner{align-items:center;background:var(--hops-color-info-soft);border-bottom:1px solid color-mix(in srgb,var(--hops-color-info) 22%,transparent);color:var(--hops-color-ink-subtle);display:flex;font-size:.82rem;gap:var(--hops-space-3);justify-content:center;min-height:2.75rem;padding:var(--hops-space-2) var(--hops-page-gutter)}.hops-banner--warning{background:var(--hops-color-warning-soft);border-color:color-mix(in srgb,var(--hops-color-warning) 22%,transparent)}.hops-banner--danger{background:var(--hops-color-danger-soft);border-color:color-mix(in srgb,var(--hops-color-danger) 22%,transparent)}.hops-banner__actions{display:flex;gap:var(--hops-space-2);margin-left:var(--hops-space-2)}@keyframes hops-toast-in{0%{opacity:0;transform:translate(1rem)}}.hops-accordion{border-bottom:1px solid var(--hops-color-border)}.hops-disclosure{border-top:1px solid var(--hops-color-border)}.hops-disclosure__trigger,.hops-disclosure>summary{align-items:center;color:var(--hops-color-ink);cursor:pointer;display:flex;font-size:.95rem;font-weight:800;gap:var(--hops-space-3);justify-content:space-between;list-style:none;min-height:3.75rem;padding:var(--hops-space-3) 0}.hops-disclosure__trigger::-webkit-details-marker,.hops-disclosure>summary::-webkit-details-marker{display:none}.hops-disclosure__trigger:focus-visible,.hops-disclosure>summary:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-disclosure__trigger:after,.hops-disclosure>summary:after{background:linear-gradient(currentColor 0 0) center/100% 1.5px no-repeat,linear-gradient(currentColor 0 0) center/1.5px 100% no-repeat;content:"";flex:0 0 auto;height:.8rem;transition:transform var(--hops-transition);width:.8rem}.hops-disclosure[open]>summary:after,.hops-disclosure__trigger[aria-expanded=true]:after{transform:rotate(45deg)}.hops-disclosure__content{color:var(--hops-color-ink-muted);padding:0 2.5rem var(--hops-space-4) 0}.hops-combobox{position:relative}.hops-combobox__control{align-items:center;display:flex;position:relative}.hops-combobox__control .hops-input{padding-left:2.5rem;padding-right:2.5rem}.hops-combobox__icon{color:var(--hops-color-ink-muted);left:.85rem;pointer-events:none;position:absolute}.hops-combobox__toggle{position:absolute;right:.4rem}.hops-listbox,.hops-command{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);box-shadow:var(--hops-shadow-md);list-style:none;margin:var(--hops-space-2) 0 0;max-height:18rem;overflow-y:auto;padding:var(--hops-space-2);position:absolute;width:100%;z-index:var(--hops-layer-menu)}.hops-listbox__group{color:var(--hops-color-ink-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.55rem .65rem .35rem;text-transform:uppercase}.hops-listbox__option{align-items:center;border-radius:var(--hops-radius-xs);color:var(--hops-color-ink-subtle);cursor:pointer;display:flex;font-size:.84rem;gap:var(--hops-space-2);min-height:2.45rem;padding:.55rem .65rem}.hops-listbox__option:hover,.hops-listbox__option[aria-selected=true],.hops-listbox__option[data-highlighted]{background:var(--hops-color-accent-soft);color:var(--hops-color-accent-ink)}.hops-listbox__check{margin-left:auto}.hops-listbox__empty{color:var(--hops-color-ink-muted);font-size:.82rem;padding:var(--hops-space-5);text-align:center}.hops-command{max-height:none;padding:0;position:static}.hops-command__search{border-bottom:1px solid var(--hops-color-border);padding:var(--hops-space-3)}.hops-command__results{max-height:19rem;overflow-y:auto;padding:var(--hops-space-2)}.hops-dropzone{align-items:center;background:color-mix(in srgb,var(--hops-color-accent-soft) 22%,var(--hops-color-surface));border:1.5px dashed var(--hops-color-border-strong);border-radius:var(--hops-radius-lg);color:var(--hops-color-ink-muted);cursor:pointer;display:flex;flex-direction:column;gap:var(--hops-space-2);justify-content:center;min-height:11rem;padding:var(--hops-space-6);text-align:center;transition:background var(--hops-transition),border-color var(--hops-transition)}.hops-dropzone:hover,.hops-dropzone:focus-within,.hops-dropzone.is-dragging{background:var(--hops-color-accent-soft);border-color:var(--hops-color-accent)}.hops-dropzone__icon{align-items:center;background:var(--hops-color-surface);border-radius:50%;box-shadow:var(--hops-shadow-xs);color:var(--hops-color-accent-hover);display:flex;height:2.75rem;justify-content:center;width:2.75rem}.hops-dropzone__title{color:var(--hops-color-ink);font-size:.9rem;font-weight:800;margin:0}.hops-dropzone__hint{font-size:.75rem;margin:0}.hops-file-list{display:grid;gap:var(--hops-space-2);margin-top:var(--hops-space-3)}.hops-file-row{align-items:center;background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-sm);display:grid;gap:0 var(--hops-space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--hops-space-3)}.hops-file-row__icon{align-items:center;background:var(--hops-color-surface-subtle);border-radius:var(--hops-radius-xs);display:flex;grid-row:1/span 2;height:2.25rem;justify-content:center;width:2.25rem}.hops-file-row__name{font-size:.82rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hops-file-row__meta{color:var(--hops-color-ink-muted);font-size:.7rem;grid-column:2}.hops-file-row__action{grid-column:3;grid-row:1/span 2}.hops-file-row--danger{border-color:color-mix(in srgb,var(--hops-color-danger) 38%,var(--hops-color-border))}.hops-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:18rem;padding:var(--hops-space-7) var(--hops-space-5);text-align:center}.hops-empty--compact{min-height:0;padding:var(--hops-space-5)}.hops-empty__icon{align-items:center;background:var(--hops-color-accent-soft);border-radius:var(--hops-radius-lg);color:var(--hops-color-accent-ink);display:flex;height:3.25rem;justify-content:center;margin-bottom:var(--hops-space-4);transform:rotate(-3deg);width:3.25rem}.hops-empty__title{font-family:var(--hops-font-heading);font-size:1.45rem;font-weight:600;letter-spacing:-.025em;margin:0}.hops-empty__body{color:var(--hops-color-ink-muted);font-size:.86rem;margin:var(--hops-space-2) 0 var(--hops-space-4);max-width:28rem}.hops-table-toolbar{align-items:center;background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-bottom:0;border-radius:var(--hops-radius-lg) var(--hops-radius-lg) 0 0;display:flex;flex-wrap:wrap;gap:var(--hops-space-2);padding:var(--hops-space-3)}.hops-table-toolbar__primary{flex:1 1 15rem}.hops-table-toolbar__actions{display:flex;gap:var(--hops-space-2);margin-left:auto}.hops-table-wrap:has(.hops-table-toolbar){overflow:visible}.hops-table-wrap:has(.hops-table-toolbar) .hops-table-scroll{overflow-x:auto}.hops-table--selectable tbody tr:has(input:checked) td{background:color-mix(in srgb,var(--hops-color-accent-soft) 45%,var(--hops-color-surface))}.hops-table--sticky thead{position:sticky;top:0;z-index:1}.hops-table--compact th,.hops-table--compact td,.hops-density--compact .hops-table th,.hops-density--compact .hops-table td{padding:.58rem .75rem}.hops-table__sort{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:.35rem;padding:0;text-transform:inherit}.hops-table th[aria-sort] .hops-table__sort:after{border:solid currentColor;border-width:0 1.5px 1.5px 0;content:"";height:.35rem;width:.35rem}.hops-table th[aria-sort=ascending] .hops-table__sort:after{transform:rotate(-135deg)}.hops-table th[aria-sort=descending] .hops-table__sort:after{transform:rotate(45deg)}.hops-table__empty td{padding:0}.hops-bulk-actions{align-items:center;background:var(--hops-color-accent-ink);border-radius:var(--hops-radius-md);box-shadow:var(--hops-shadow-md);color:#fff;display:flex;gap:var(--hops-space-3);padding:var(--hops-space-2) var(--hops-space-3)}.hops-bulk-actions__count{font-size:.78rem;font-weight:800;margin-right:auto}.hops-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--hops-space-2);justify-content:space-between;padding:var(--hops-space-3) 0}.hops-pagination__summary{color:var(--hops-color-ink-muted);font-size:.78rem}.hops-pagination__list{display:flex;gap:.2rem;list-style:none;margin:0;padding:0}.hops-pagination__item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--hops-radius-xs);color:var(--hops-color-ink-subtle);display:inline-flex;font-size:.78rem;font-weight:750;height:2rem;justify-content:center;min-width:2rem;padding:0 .4rem;text-decoration:none}.hops-pagination__item:hover{background:var(--hops-color-surface-subtle)}.hops-pagination__item[aria-current=page]{background:var(--hops-color-accent-soft);color:var(--hops-color-accent-ink)}.hops-pagination__item[aria-disabled=true]{opacity:.4;pointer-events:none}.hops-theme:has(.hops-feedback) .hops-toast-region{bottom:calc(var(--hops-space-5) + 4rem)}@media(max-width:760px){.hops-app-shell{display:block}.hops-sidebar{bottom:0;box-shadow:var(--hops-shadow-lg);max-width:min(20rem,88vw);position:fixed;top:0;transform:translate(-105%);transition:transform var(--hops-transition-slow);width:100%;z-index:var(--hops-layer-drawer)}.hops-sidebar.is-open{transform:none}.hops-topbar{min-height:var(--hops-topbar-height)}.hops-app-main{padding:var(--hops-page-gutter)}.hops-toast-region{bottom:var(--hops-space-3);left:var(--hops-space-3);right:var(--hops-space-3);width:auto}.hops-theme:has(.hops-feedback) .hops-toast-region{bottom:calc(var(--hops-space-3) + 4rem)}.hops-pagination{align-items:flex-start;flex-direction:column}}.hops-preview{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);display:flex;flex-direction:column;min-height:24rem;overflow:hidden}.hops-preview__toolbar{align-items:center;background:var(--hops-color-surface-subtle);border-bottom:1px solid var(--hops-color-border);display:flex;flex-wrap:wrap;gap:var(--hops-space-2);min-height:3.5rem;padding:var(--hops-space-2) var(--hops-space-3)}.hops-preview__title{font-size:.82rem;font-weight:800;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hops-preview__controls{align-items:center;display:flex;gap:var(--hops-space-1)}.hops-preview__stage{align-items:center;background-color:#dad7d1;background-image:linear-gradient(45deg,rgba(255,255,255,.28) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.28) 25%,transparent 25%);background-size:1.5rem 1.5rem;display:flex;flex:1;justify-content:center;overflow:auto;padding:var(--hops-space-6)}.hops-preview__page{background:#fff;box-shadow:var(--hops-shadow-md);color:#24282a;max-width:38rem;min-height:24rem;padding:8%;width:100%}.hops-preview__unsupported{background:var(--hops-color-surface);border-radius:var(--hops-radius-lg);max-width:24rem}.hops-calendar{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);box-shadow:var(--hops-shadow-sm);max-width:21rem;padding:var(--hops-space-4)}.hops-calendar__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--hops-space-3)}.hops-calendar__title{font-size:.9rem;font-weight:800}.hops-calendar__grid{display:block}.hops-calendar__row{display:grid;gap:.2rem;grid-template-columns:repeat(7,1fr)}.hops-calendar__weekday{color:var(--hops-color-ink-muted);font-size:.65rem;font-weight:800;padding:.35rem 0;text-align:center;text-transform:uppercase}.hops-calendar__cell{display:block}.hops-calendar__day{align-items:center;aspect-ratio:1;background:transparent;border:1px solid transparent;border-radius:var(--hops-radius-xs);color:var(--hops-color-ink-subtle);cursor:pointer;display:flex;font:650 .78rem/1 var(--hops-font-sans);justify-content:center;padding:0;position:relative;width:100%}.hops-calendar__day:hover{background:var(--hops-color-surface-subtle)}.hops-calendar__day:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-calendar__day--outside{color:var(--hops-color-border-strong)}.hops-calendar__day--today{border-color:var(--hops-color-accent);color:var(--hops-color-accent-hover);font-weight:850}.hops-calendar__day--range{background:color-mix(in srgb,var(--hops-color-accent-soft) 60%,var(--hops-color-surface));border-radius:0}.hops-calendar__day--selected,.hops-calendar__cell[aria-selected=true] .hops-calendar__day{background:var(--hops-color-accent);border-color:var(--hops-color-accent);border-radius:var(--hops-radius-xs);color:var(--hops-color-on-accent)}.hops-calendar__day:disabled{cursor:not-allowed;opacity:.35}.hops-drawer{background:var(--hops-color-surface);border:0;box-shadow:var(--hops-shadow-lg);color:var(--hops-color-ink);height:100dvh;inset:0 0 0 auto;margin:0;max-height:none;max-width:min(32rem,100vw - 2rem);padding:0;position:fixed;width:100%;z-index:var(--hops-layer-drawer)}.hops-drawer[open]{animation:hops-drawer-in var(--hops-transition-slow)}.hops-drawer::backdrop{background:#0f16168f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hops-drawer--left{inset:0 auto 0 0}.hops-drawer--wide{max-width:min(46rem,100vw - 2rem)}.hops-drawer__header,.hops-drawer__footer{align-items:center;display:flex;gap:var(--hops-space-3);padding:var(--hops-space-4) var(--hops-space-5)}.hops-drawer__header{border-bottom:1px solid var(--hops-color-border)}.hops-drawer__title{font-family:var(--hops-font-heading);font-size:1.4rem;font-weight:600;margin:0}.hops-drawer__close{margin-left:auto}.hops-drawer__body{height:calc(100dvh - 8rem);overflow-y:auto;padding:var(--hops-space-5)}.hops-drawer__footer{border-top:1px solid var(--hops-color-border);justify-content:flex-end}@keyframes hops-drawer-in{0%{opacity:0;transform:translate(2rem)}}.hops-range{accent-color:var(--hops-color-accent);appearance:none;background:transparent;height:1.5rem;width:100%}.hops-range::-webkit-slider-runnable-track{background:var(--hops-color-border);border-radius:var(--hops-radius-pill);height:.35rem}.hops-range::-webkit-slider-thumb{appearance:none;background:var(--hops-color-accent);border:3px solid var(--hops-color-surface);border-radius:50%;box-shadow:0 0 0 1px var(--hops-color-accent),var(--hops-shadow-xs);height:1.1rem;margin-top:-.38rem;width:1.1rem}.hops-range::-moz-range-track{background:var(--hops-color-border);border-radius:var(--hops-radius-pill);height:.35rem}.hops-range::-moz-range-thumb{background:var(--hops-color-accent);border:3px solid var(--hops-color-surface);border-radius:50%;box-shadow:0 0 0 1px var(--hops-color-accent);height:.8rem;width:.8rem}.hops-range:focus-visible{outline:0}.hops-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--hops-color-focus)}.hops-toggle{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--hops-radius-sm);color:var(--hops-color-ink-subtle);cursor:pointer;display:inline-flex;font:700 .82rem/1 var(--hops-font-sans);gap:var(--hops-space-2);min-height:var(--hops-control-height-sm);padding:.5rem .7rem}.hops-toggle:hover{background:var(--hops-color-surface-subtle)}.hops-toggle[aria-pressed=true],.hops-toggle.is-active{background:var(--hops-color-accent-soft);border-color:color-mix(in srgb,var(--hops-color-accent) 22%,transparent);color:var(--hops-color-accent-ink)}.hops-toggle:focus-visible{outline:3px solid var(--hops-color-focus);outline-offset:2px}.hops-toggle-group{background:var(--hops-color-surface-subtle);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);display:inline-flex;gap:.15rem;padding:.2rem}.hops-stepper{display:flex;list-style:none;margin:0;padding:0}.hops-step{color:var(--hops-color-ink-muted);display:flex;flex:1;font-size:.76rem;font-weight:750;gap:var(--hops-space-2);min-width:0;position:relative}.hops-step:not(:last-child):after{background:var(--hops-color-border);content:"";height:2px;left:calc(1.75rem + var(--hops-space-2));position:absolute;right:var(--hops-space-2);top:.84rem}.hops-step__marker{align-items:center;background:var(--hops-color-surface);border:2px solid var(--hops-color-border-strong);border-radius:50%;display:flex;flex:0 0 auto;height:1.75rem;justify-content:center;position:relative;width:1.75rem;z-index:1}.hops-step__label{overflow:hidden;padding-top:.3rem;text-overflow:ellipsis;white-space:nowrap}.hops-step--complete{color:var(--hops-color-success)}.hops-step--complete .hops-step__marker{background:var(--hops-color-success);border-color:var(--hops-color-success);color:var(--hops-color-on-success)}.hops-step--complete:not(:last-child):after{background:var(--hops-color-success)}.hops-step--current,.hops-step[aria-current=step]{color:var(--hops-color-ink)}.hops-step--current .hops-step__marker,.hops-step[aria-current=step] .hops-step__marker{border-color:var(--hops-color-accent);box-shadow:0 0 0 4px var(--hops-color-focus);color:var(--hops-color-accent-hover)}.hops-step--error{color:var(--hops-color-danger)}.hops-step--error .hops-step__marker{border-color:var(--hops-color-danger)}.hops-timeline{list-style:none;margin:0;padding:0}.hops-timeline__item{display:grid;gap:0 var(--hops-space-3);grid-template-columns:2rem minmax(0,1fr) auto;padding-bottom:var(--hops-space-5);position:relative}.hops-timeline__item:not(:last-child):before{background:var(--hops-color-border);content:"";left:.97rem;position:absolute;top:2rem;bottom:0;width:1px}.hops-timeline__marker{align-items:center;background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:50%;display:flex;height:2rem;justify-content:center;position:relative;width:2rem;z-index:1}.hops-timeline__title{font-size:.84rem;font-weight:800;margin:.1rem 0 0}.hops-timeline__body{color:var(--hops-color-ink-muted);font-size:.78rem;grid-column:2;margin:.2rem 0 0}.hops-timeline__time{color:var(--hops-color-ink-muted);font-size:.68rem;padding-top:.2rem}.hops-timeline__details{background:var(--hops-color-surface-subtle);border-radius:var(--hops-radius-sm);font:500 .72rem/1.5 var(--hops-font-mono);grid-column:2/-1;margin-top:var(--hops-space-2);padding:var(--hops-space-3)}.hops-status{align-items:center;display:inline-flex;gap:.4rem}.hops-status:before{background:currentColor;border-radius:50%;content:"";height:.45rem;width:.45rem}.hops-status--draft{color:var(--hops-color-lifecycle-draft)}.hops-status--queued{color:var(--hops-color-lifecycle-queued)}.hops-status--running,.hops-status--syncing{color:var(--hops-color-lifecycle-running)}.hops-status--review,.hops-status--paused{color:var(--hops-color-lifecycle-review)}.hops-status--matched,.hops-status--posted,.hops-status--complete{color:var(--hops-color-lifecycle-complete)}.hops-status--failed{color:var(--hops-color-lifecycle-failed)}.hops-status--offline{color:var(--hops-color-lifecycle-offline)}.hops-status--running:before,.hops-status--syncing:before{animation:hops-status-pulse 1.5s ease infinite;box-shadow:0 0 0 0 currentColor}.hops-badge--draft{color:var(--hops-color-lifecycle-draft)}.hops-badge--queued{background:var(--hops-color-info-soft);border-color:transparent;color:var(--hops-color-lifecycle-queued)}.hops-badge--running{background:color-mix(in srgb,var(--hops-color-lifecycle-running) 14%,var(--hops-color-surface));border-color:transparent;color:var(--hops-color-lifecycle-running)}.hops-badge--offline{background:color-mix(in srgb,var(--hops-color-lifecycle-offline) 12%,var(--hops-color-surface));border-color:transparent;color:var(--hops-color-lifecycle-offline)}@keyframes hops-status-pulse{70%{box-shadow:0 0 0 .35rem transparent}to{box-shadow:0 0 0 0 transparent}}.hops-chart{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);padding:var(--hops-space-5)}.hops-chart__header{align-items:flex-start;display:flex;gap:var(--hops-space-3);justify-content:space-between;margin-bottom:var(--hops-space-5)}.hops-chart__title{font-size:.95rem;font-weight:800;margin:0}.hops-chart__subtitle{color:var(--hops-color-ink-muted);font-size:.75rem;margin:.2rem 0 0}.hops-chart__plot{min-height:14rem;position:relative}.hops-chart__legend{display:flex;flex-wrap:wrap;gap:var(--hops-space-3);list-style:none;margin:var(--hops-space-4) 0 0;padding:0}.hops-chart__legend-item{align-items:center;color:var(--hops-color-ink-muted);display:inline-flex;font-size:.72rem;font-weight:700;gap:.4rem}.hops-chart__swatch{background:var(--hops-chart-color, var(--hops-chart-1));border-radius:.2rem;height:.6rem;width:.6rem}.hops-chart__tooltip{background:var(--hops-color-ink);border-radius:var(--hops-radius-sm);box-shadow:var(--hops-shadow-md);color:var(--hops-color-surface);font-size:.72rem;padding:var(--hops-space-2) var(--hops-space-3)}.hops-chart-bars{align-items:end;background:repeating-linear-gradient(to top,var(--hops-chart-grid) 0 1px,transparent 1px 25%);display:flex;gap:clamp(.35rem,2vw,1rem);height:14rem;padding:0 var(--hops-space-3)}.hops-chart-bars__bar{background:var(--hops-chart-color, var(--hops-chart-1));border-radius:var(--hops-radius-xs) var(--hops-radius-xs) 0 0;flex:1;height:var(--hops-chart-value, 50%);min-width:.6rem}@media(max-width:650px){.hops-stepper{flex-direction:column;gap:var(--hops-space-3)}.hops-step:not(:last-child):after{bottom:calc(-1 * var(--hops-space-3));height:auto;left:.84rem;right:auto;top:1.75rem;width:2px}.hops-timeline__item{grid-template-columns:2rem minmax(0,1fr)}.hops-timeline__time{grid-column:2;grid-row:3}}.hops-auth-shell{align-items:center;background:var(--hops-color-canvas);display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);min-height:100dvh;padding:var(--hops-page-gutter)}.hops-auth-shell__aside{align-items:flex-start;align-self:stretch;background:var(--hops-color-accent-soft);border-radius:var(--hops-radius-xl);color:var(--hops-color-accent-ink);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(2rem,5vw,4.5rem);position:relative}.hops-auth-shell__main{margin:auto;max-width:26rem;padding:var(--hops-space-6);width:100%}.hops-auth-card__header{margin-bottom:var(--hops-space-6)}.hops-auth-card__body{display:grid;gap:var(--hops-space-4)}.hops-account-list{display:grid;gap:var(--hops-space-2)}.hops-account{align-items:center;background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);color:inherit;display:flex;gap:var(--hops-space-3);padding:var(--hops-space-3);text-align:left;text-decoration:none}.hops-account:hover{border-color:var(--hops-color-accent);box-shadow:var(--hops-shadow-sm)}.hops-account__meta{color:var(--hops-color-ink-muted);font-size:.72rem}.hops-otp{display:flex;gap:var(--hops-space-2)}.hops-otp__input{aspect-ratio:.8;max-width:3rem;padding:0;text-align:center}.hops-feedback{bottom:var(--hops-space-5);position:fixed;right:var(--hops-space-5);z-index:var(--hops-layer-menu)}.hops-feedback__trigger{border-radius:var(--hops-radius-pill);box-shadow:var(--hops-shadow-md)}.hops-feedback__panel{bottom:calc(100% + var(--hops-space-3));position:absolute;right:0;width:min(22rem,100vw - 2rem)}.hops-sentiment{display:grid;gap:var(--hops-space-2);grid-template-columns:repeat(3,1fr)}.hops-sentiment__option{align-items:center;background:var(--hops-color-surface-subtle);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-sm);cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;gap:.25rem;padding:var(--hops-space-3)}.hops-sentiment__option[aria-pressed=true]{background:var(--hops-color-accent-soft);border-color:var(--hops-color-accent);color:var(--hops-color-accent-ink)}.hops-permissions{border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);overflow:hidden}.hops-permissions__group{background:var(--hops-color-surface-subtle);border-bottom:1px solid var(--hops-color-border);font-size:.72rem;font-weight:800;letter-spacing:.06em;padding:var(--hops-space-3) var(--hops-space-4);text-transform:uppercase}.hops-permission-row{align-items:center;background:var(--hops-color-surface);border-bottom:1px solid var(--hops-color-border);display:grid;gap:var(--hops-space-3);grid-template-columns:minmax(10rem,1fr) repeat(3,minmax(4.5rem,auto));padding:var(--hops-space-3) var(--hops-space-4)}.hops-permission-row:last-child{border-bottom:0}.hops-permission-row>:first-child{display:grid;gap:.15rem}.hops-permission-row__name{font-size:.82rem;font-weight:800}.hops-permission-row__hint{color:var(--hops-color-ink-muted);font-size:.7rem}.hops-permission--inherited{opacity:.62}.hops-tree{list-style:none;margin:0;padding:0}.hops-tree .hops-tree{padding-left:1.25rem}.hops-tree__item{position:relative}.hops-tree__row{align-items:center;border:1px solid transparent;border-radius:var(--hops-radius-xs);color:var(--hops-color-ink-subtle);display:flex;font-size:.82rem;gap:var(--hops-space-2);min-height:2.2rem;padding:.35rem .45rem;text-decoration:none}.hops-tree__row:hover{background:var(--hops-color-surface-subtle)}.hops-tree__row[aria-current=page],.hops-tree__row.is-active{background:var(--hops-color-accent-soft);color:var(--hops-color-accent-ink)}.hops-tree__row.is-drop-target{border-color:var(--hops-color-accent)}.hops-tree__toggle{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;height:1.25rem;justify-content:center;padding:0;width:1.25rem}.hops-tree__meta{color:var(--hops-color-ink-muted);font-size:.68rem;margin-left:auto}.hops-workspace{background:var(--hops-code-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);color:var(--hops-code-ink);display:grid;grid-template-columns:minmax(12rem,.7fr) .35rem minmax(18rem,1.3fr);min-height:28rem;overflow:hidden}.hops-workspace__pane{min-width:0;overflow:auto}.hops-resize-handle{background:color-mix(in srgb,var(--hops-code-ink) 10%,transparent);cursor:col-resize;position:relative}.hops-resize-handle:hover,.hops-resize-handle:focus-visible{background:var(--hops-color-accent);outline:0}.hops-code-surface{background:var(--hops-code-surface);color:var(--hops-code-ink);font:500 .78rem/1.65 var(--hops-font-mono);min-height:100%;overflow:auto;padding:var(--hops-space-4);tab-size:2}.hops-code-surface__line{display:grid;grid-template-columns:2.2rem minmax(0,1fr)}.hops-code-surface__number{color:color-mix(in srgb,var(--hops-code-ink) 35%,transparent);-webkit-user-select:none;user-select:none}.hops-code-token--keyword{color:#c8b8ff}.hops-code-token--string{color:#b8f58b}.hops-code-token--comment{color:#82918d}.hops-chat{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);display:flex;flex-direction:column;min-height:30rem;overflow:hidden}.hops-chat__header{align-items:center;border-bottom:1px solid var(--hops-color-border);display:flex;gap:var(--hops-space-3);padding:var(--hops-space-3) var(--hops-space-4)}.hops-chat__messages{display:flex;flex:1;flex-direction:column;gap:var(--hops-space-4);overflow-y:auto;padding:var(--hops-space-4)}.hops-message{display:grid;gap:var(--hops-space-2);grid-template-columns:2rem minmax(0,1fr);max-width:90%}.hops-message--user{align-self:flex-end;grid-template-columns:minmax(0,1fr)}.hops-message__body{background:var(--hops-color-surface-subtle);border-radius:0 var(--hops-radius-md) var(--hops-radius-md);color:var(--hops-color-ink-subtle);font-size:.84rem;padding:var(--hops-space-3)}.hops-message--user .hops-message__body{background:var(--hops-color-accent-soft);border-radius:var(--hops-radius-md) var(--hops-radius-md) 0;color:var(--hops-color-accent-ink)}.hops-message__actions{display:flex;gap:var(--hops-space-1)}.hops-chat__suggestions{display:flex;flex-wrap:wrap;gap:var(--hops-space-2);padding:0 var(--hops-space-4) var(--hops-space-3)}.hops-chat__composer{align-items:flex-end;border-top:1px solid var(--hops-color-border);display:flex;gap:var(--hops-space-2);padding:var(--hops-space-3)}.hops-connectivity{align-items:center;background:var(--hops-color-ink);color:var(--hops-color-surface);display:flex;font-size:.78rem;gap:var(--hops-space-2);justify-content:center;min-height:2.5rem;padding:var(--hops-space-2) var(--hops-page-gutter)}.hops-connectivity--online{background:var(--hops-color-success)}.hops-connectivity--warning{background:var(--hops-color-warning);color:var(--hops-color-on-warning)}.hops-connectivity__count{background:#ffffff29;border-radius:var(--hops-radius-pill);font-weight:800;padding:.2rem .45rem}.hops-catalog-layout{display:grid;gap:var(--hops-space-5);grid-template-columns:minmax(11rem,.28fr) minmax(0,1fr) minmax(16rem,.36fr)}.hops-category-list{display:grid;gap:var(--hops-space-1)}.hops-category{align-items:center;border-radius:var(--hops-radius-sm);color:var(--hops-color-ink-subtle);display:flex;font-size:.82rem;font-weight:700;gap:var(--hops-space-2);min-height:2.4rem;padding:.5rem .65rem;text-decoration:none}.hops-category[aria-current=true]{background:var(--hops-color-accent-soft);color:var(--hops-color-accent-ink)}.hops-product-list{display:grid;gap:var(--hops-space-3)}.hops-product{align-items:center;background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);display:grid;gap:var(--hops-space-3);grid-template-columns:3.5rem minmax(0,1fr) auto auto;padding:var(--hops-space-3)}.hops-product__image{align-items:center;aspect-ratio:1;background:var(--hops-color-surface-subtle);border-radius:var(--hops-radius-sm);display:flex;justify-content:center;overflow:hidden}.hops-product__name{font-size:.84rem;font-weight:800}.hops-product__meta{color:var(--hops-color-ink-muted);font-size:.7rem}.hops-product__price{font-variant-numeric:tabular-nums;font-weight:800;text-align:right}.hops-basket{align-self:start;position:sticky;top:calc(var(--hops-topbar-height) + var(--hops-space-4))}.hops-basket-line{align-items:center;border-bottom:1px solid var(--hops-color-border);display:grid;gap:var(--hops-space-2);grid-template-columns:minmax(0,1fr) auto;padding:var(--hops-space-3) 0}.hops-basket-line__name{font-size:.78rem;font-weight:750}.hops-basket-line__meta{color:var(--hops-color-ink-muted);font-size:.68rem}.hops-marketing-hero{align-items:center;background:var(--hops-color-accent-soft);border-radius:var(--hops-radius-xl);color:var(--hops-color-accent-ink);display:grid;gap:var(--hops-space-7);grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);overflow:hidden;padding:clamp(2.5rem,7vw,6rem)}.hops-marketing-hero__copy{font-size:clamp(1rem,1.6vw,1.25rem);max-width:38rem}.hops-logo-cloud{align-items:center;display:flex;flex-wrap:wrap;gap:var(--hops-space-6);justify-content:center;opacity:.65;padding:var(--hops-space-6)}.hops-testimonial{border-left:.25rem solid var(--hops-color-accent);font-family:var(--hops-font-heading);font-size:clamp(1.4rem,3vw,2.25rem);line-height:1.35;margin:0;padding-left:var(--hops-space-5)}.hops-cta-band{align-items:center;background:var(--hops-color-ink);border-radius:var(--hops-radius-xl);color:var(--hops-color-surface);display:flex;gap:var(--hops-space-5);justify-content:space-between;padding:clamp(2rem,5vw,4rem)}.hops-board{display:grid;gap:var(--hops-space-4);grid-auto-columns:minmax(17rem,1fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:var(--hops-space-3)}.hops-board__column{background:var(--hops-color-surface-subtle);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);min-height:18rem;padding:var(--hops-space-3)}.hops-board__header{align-items:center;display:flex;font-size:.82rem;font-weight:800;justify-content:space-between;margin-bottom:var(--hops-space-3)}.hops-board__items{display:grid;gap:var(--hops-space-2)}.hops-board__card{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-sm);box-shadow:var(--hops-shadow-xs);padding:var(--hops-space-3)}.hops-board__card.is-dragging{box-shadow:var(--hops-shadow-md);opacity:.72;transform:rotate(1deg)}.hops-board__column.is-drop-target{border-color:var(--hops-color-accent);background:var(--hops-color-accent-soft)}@media(max-width:900px){.hops-auth-shell{display:block}.hops-auth-shell__aside{display:none}.hops-catalog-layout{grid-template-columns:1fr}.hops-basket{position:static}.hops-marketing-hero{grid-template-columns:1fr}}@media(max-width:650px){.hops-permission-row{grid-template-columns:minmax(0,1fr) repeat(3,auto)}.hops-permission-row__hint{display:none}.hops-workspace{display:block}.hops-resize-handle{display:none}.hops-product{grid-template-columns:3rem minmax(0,1fr) auto}.hops-product__price{grid-column:2;text-align:left}.hops-cta-band{align-items:flex-start;flex-direction:column}}:root{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}.docs-skip{background:var(--hops-color-ink);border-radius:0 0 var(--hops-radius-sm) 0;color:var(--hops-color-surface);left:0;padding:.75rem 1rem;position:fixed;top:0;transform:translateY(-110%);transition:transform .12s ease;z-index:100}.docs-skip:focus{transform:none}.docs-shell{min-height:100vh}.docs-sidebar{background:#f8f7f4;border-right:1px solid #dfdcd6;bottom:0;display:flex;flex-direction:column;left:0;padding:1.5rem 1.1rem 1rem;position:fixed;top:0;width:16rem;z-index:30}.docs-brand{align-items:center;color:#24282a;display:flex;gap:.75rem;padding:0 .65rem 1.5rem;text-decoration:none}.docs-brand strong,.docs-brand small{display:block}.docs-brand strong{font-size:1.08rem;font-weight:800;letter-spacing:-.03em}.docs-brand small{color:#7c8284;font-size:.67rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.docs-brand__mark{align-items:center;background:#d8ffb0;border-radius:.75rem;color:#1d3131;display:flex;height:2.55rem;justify-content:center;transform:rotate(-4deg);width:2.55rem}.docs-brand__mark img{height:1.65rem;width:1.65rem}.docs-nav{overflow-y:auto;padding-right:.2rem}.docs-nav p{color:#a09e99;font-size:.65rem;font-weight:800;letter-spacing:.12em;margin:1.4rem 0 .45rem;padding:0 .7rem;text-transform:uppercase}.docs-nav a{border-radius:.6rem;color:#5f6364;display:block;font-size:.82rem;font-weight:600;padding:.5rem .7rem;text-decoration:none;transition:background .14s ease,color .14s ease}.docs-nav a:hover{color:#24282a}.docs-nav a.is-active{background:#ebe9e4;color:#24282a;font-weight:800}.docs-sidebar__footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding:1rem .65rem 0}.docs-sidebar__footer a{color:#7c8284;font-size:.73rem;font-weight:700;text-decoration:none}.docs-page{margin-left:16rem;min-width:0}.docs-topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--hops-color-canvas) 86%,transparent);border-bottom:1px solid var(--hops-color-border);display:flex;height:4rem;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:20}.docs-topbar__title{color:var(--hops-color-ink-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.docs-topbar__actions{align-items:center;display:flex;gap:.65rem}.docs-topbar__actions>span{color:var(--hops-color-ink-muted);font-size:.72rem;font-weight:700}.docs-theme-switcher{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-pill);display:flex;padding:.2rem}.docs-theme-switcher button{background:transparent;border:0;border-radius:var(--hops-radius-pill);color:var(--hops-color-ink-muted);cursor:pointer;font-size:.68rem;font-weight:700;padding:.4rem .65rem}.docs-theme-switcher button.is-active{background:var(--hops-color-ink);color:var(--hops-color-surface)}.docs-mode-toggle{min-height:2rem;padding:.4rem .6rem}.docs-menu{display:none}.docs-hero{background:#d8ffb0;color:#1d3131;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(25rem,.95fr);min-height:min(49rem,100vh - 4rem);overflow:hidden;position:relative}.docs-hero__glow{background:#00af6e;border-radius:50%;filter:blur(1px);height:44rem;position:absolute;right:-14rem;top:-15rem;width:44rem}.docs-hero__content{align-self:center;max-width:43rem;padding:5.5rem 3rem 5.5rem max(3rem,(100vw - 16rem - 75rem) / 2);position:relative;z-index:2}.docs-hero__content .hops-eyebrow{color:#087a52}.docs-hero__content h1{color:#1d3131;margin-top:1.15rem}.docs-hero__content h1 em{font-weight:400}.docs-hero__content>p{font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:500;line-height:1.65;margin:1.6rem 0 2rem;max-width:38rem}.docs-hero__content .hops-btn--primary{background:#1d3131;color:#fff}.docs-hero__content .hops-btn--secondary{background:#ffffff5c;border-color:#1d3131;color:#1d3131}.docs-hero__meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3rem}.docs-hero__meta span{font-size:.75rem;font-weight:700;opacity:.8}.docs-hero__meta strong{display:block;font-family:var(--hops-font-heading);font-size:1.55rem;font-weight:600;line-height:1}.docs-hero__art{align-self:center;height:38rem;position:relative;z-index:2}.docs-hero__mark{align-items:center;background:#fcfbfa;border-radius:4.5rem;box-shadow:0 30px 100px -35px #1d3131b8;color:#1d3131;display:flex;height:16rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(6deg);width:16rem}.docs-hero__mark img{height:8.5rem;width:8.5rem}.docs-orbit{border:1px solid rgba(29,49,49,.28);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.docs-orbit--one{height:26rem;width:26rem}.docs-orbit--two{height:36rem;width:36rem}.docs-float-card{background:#fcfbfaf0;border:1px solid rgba(29,49,49,.12);box-shadow:0 18px 45px -25px #1d31318c;position:absolute;z-index:3}.docs-float-card--a{border-radius:1.25rem;left:4%;padding:1.2rem 1.35rem;top:12%;transform:rotate(-5deg)}.docs-float-card--a span,.docs-float-card--a small{display:block;font-size:.68rem;font-weight:700}.docs-float-card--a span{color:#7c8284}.docs-float-card--a strong{display:block;font-family:var(--hops-font-heading);font-size:2.1rem;line-height:1.2}.docs-float-card--a small{color:#087a52}.docs-float-card--b{align-items:center;border-radius:var(--hops-radius-pill);bottom:13%;display:flex;font-size:.75rem;font-weight:800;gap:.55rem;padding:.75rem 1rem;right:3%;transform:rotate(4deg)}.docs-float-card--b i{background:#00af6e;border:3px solid #d9f6ea;border-radius:50%;height:.75rem;width:.75rem}.docs-content{margin:0 auto;max-width:var(--hops-content-width);padding:0 3rem}.docs-section{border-bottom:1px solid var(--hops-color-border);padding:7rem 0;scroll-margin-top:3.5rem}.docs-section__intro{max-width:47rem}.docs-section__intro h2{margin:.8rem 0 1.2rem}.docs-section__intro>p{color:var(--hops-color-ink-muted);font-size:1rem;line-height:1.7}.docs-section__intro--row,.docs-component-heading{align-items:end;display:grid;gap:3rem;grid-template-columns:1.15fr .85fr;max-width:none}.docs-section__intro--row>p,.docs-component-heading>p{color:var(--hops-color-ink-muted);line-height:1.7;margin:0 0 .4rem}.docs-component-heading{margin-bottom:2.25rem}.docs-component-heading h2{margin-top:.6rem}.docs-install-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2.5rem}.docs-code-block{background:#1d3131;border:1px solid #344747;border-radius:var(--hops-radius-lg);box-shadow:var(--hops-shadow-md);color:#f5f4ef;overflow:hidden}.docs-code-block pre{margin:0;overflow:auto;padding:1.5rem}.docs-code-block code{font:500 .82rem/1.6 var(--hops-font-mono)}.docs-code-block__bar{align-items:center;border-bottom:1px solid #344747;color:#aeb9b7;display:flex;font-size:.68rem;font-weight:700;justify-content:space-between;padding:.7rem .9rem}.docs-code-block__bar button{background:transparent;border:0;color:#d8ffb0;cursor:pointer;font-size:inherit;font-weight:800}.code-dim{color:#82918e}.code-green{color:#d8ffb0}.code-purple{color:#b9a7ff}.docs-callout{margin-top:1rem}.docs-swatches{display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);margin-top:3rem}.docs-swatch{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);overflow:hidden;padding-bottom:.8rem}.docs-swatch div{height:8rem;margin-bottom:.8rem}.docs-swatch strong,.docs-swatch code{display:block;padding:0 .8rem}.docs-swatch strong{font-size:.76rem}.docs-swatch code{color:var(--hops-color-ink-muted);font:500 .65rem/1.6 var(--hops-font-mono)}.docs-swatch--charcoal div{background:#24282a}.docs-swatch--stone div{background:#eeece8}.docs-swatch--paper div{background:#fcfbfa}.docs-swatch--green div{background:#00af6e}.docs-swatch--lime div{background:#d8ffb0}.docs-swatch--purple div{background:#8264f8}.docs-type-grid{display:grid;gap:1rem;grid-template-columns:1.2fr .8fr;margin-top:3rem}.docs-type-card{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);min-height:20rem;padding:2rem}.docs-type-card>span{color:var(--hops-color-ink-muted);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.docs-type-card>p{font-size:1.25rem;font-weight:600;line-height:1.7;margin-top:2rem}.docs-type-card>div{align-items:end;display:flex;justify-content:space-between;margin-top:3.5rem}.docs-type-card>div b{font-size:4rem;letter-spacing:-.08em;line-height:1}.docs-type-card>div small{color:var(--hops-color-ink-muted);font-size:.68rem}.docs-type-card--heading{background:#1d3131;color:#fcfbfa}.docs-type-card--heading>span{color:#aeb9b7}.docs-type-card--heading>p{font-family:var(--hops-font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.2}.docs-type-card--heading>p em{color:#d8ffb0}.docs-theme-cards{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.docs-theme-cards article{align-items:center;background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);display:grid;gap:1.35rem;justify-items:center;padding:1.5rem}.docs-theme-cards article>span{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.docs-theme-cards article code{color:var(--hops-color-ink-muted);font:500 .65rem/1 var(--hops-font-mono)}.docs-theme-card__mark{align-items:center;background:var(--hops-color-accent-soft);border-radius:1.25rem;color:var(--hops-color-accent-ink);display:flex;height:5rem;justify-content:center;width:5rem}.docs-theme-card__mark img{height:2.65rem;width:2.65rem}.docs-demo{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);overflow:hidden}.docs-demo__canvas{align-items:center;background-color:var(--hops-color-canvas);background-image:radial-gradient(color-mix(in srgb,var(--hops-color-ink-muted) 18%,transparent) .7px,transparent .7px);background-size:12px 12px;display:flex;justify-content:center;min-height:15rem;padding:3rem}.docs-demo__canvas--stack{align-items:flex-start;flex-direction:column;gap:2rem}.docs-demo__caption{align-items:center;color:var(--hops-color-ink-muted);display:flex;font-size:.7rem;font-weight:700;justify-content:space-between;padding:.8rem 1rem}.docs-demo__caption code{font-family:var(--hops-font-mono)}.docs-demo__caption button{background:transparent;border:0;color:var(--hops-color-accent-hover);cursor:pointer;font-size:inherit;font-weight:800}.docs-badge-row{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.docs-stats-grid,.docs-card-grid{display:grid;gap:1rem}.docs-stats-grid{grid-template-columns:repeat(3,1fr)}.docs-card-grid{grid-template-columns:1.2fr .8fr;margin-top:1rem}.docs-card-icon{align-items:center;background:var(--hops-color-accent-soft);border-radius:var(--hops-radius-sm);color:var(--hops-color-accent-ink);display:flex;height:2.5rem;justify-content:center;width:2.5rem}.docs-card-icon svg{height:1.3rem;width:1.3rem}.docs-form-demo{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);justify-content:stretch}.docs-form-demo__choices{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;grid-column:1/-1}.docs-alert-stack{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.docs-progress-demo{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);margin-top:1rem;padding:1.25rem}.docs-progress-demo>div:first-child{display:flex;font-size:.82rem;font-weight:800;justify-content:space-between;margin-bottom:.7rem}.docs-progress-demo small{color:var(--hops-color-ink-muted);display:block;font-size:.7rem;margin-top:.65rem}.docs-overlay-row{gap:1rem}.docs-skeleton-card{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);display:grid;gap:.65rem;padding:1rem;width:13rem}.docs-skeleton-card .hops-skeleton:first-child{height:1.5rem;width:55%}.docs-skeleton-card .hops-skeleton:nth-child(2){width:100%}.docs-skeleton-card .hops-skeleton:last-child{width:76%}.docs-footer{align-items:center;display:flex;justify-content:space-between;padding:3rem 0}.docs-footer div{align-items:center;display:flex;font-size:.8rem;font-weight:700;gap:.7rem}.docs-footer img{height:1.5rem;width:1.5rem}.docs-footer small{color:var(--hops-color-ink-muted);font-size:.68rem}.docs-promotion-grid{display:grid;gap:var(--hops-space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--hops-space-5)}.docs-rule-number{color:var(--hops-color-accent-hover);display:block;font:600 1.75rem/1 var(--hops-font-heading);margin-bottom:var(--hops-space-4)}.docs-phase-grid{display:grid;gap:var(--hops-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.docs-phase-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-showcase{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-lg);min-width:0;overflow:hidden}.docs-showcase>header{align-items:center;background:var(--hops-color-surface-subtle);border-bottom:1px solid var(--hops-color-border);display:flex;gap:var(--hops-space-3);justify-content:space-between;min-height:3rem;padding:var(--hops-space-3) var(--hops-space-4)}.docs-showcase>header>span{font-size:.75rem;font-weight:800}.docs-showcase>header code{color:var(--hops-color-ink-muted);font:500 .65rem/1 var(--hops-font-mono)}.docs-showcase__canvas{display:grid;gap:var(--hops-space-4);min-height:17rem;padding:var(--hops-space-5)}.docs-showcase--shell,.docs-table-showcase,.docs-showcase--board,.docs-showcase--chat,.docs-showcase--auth,.docs-showcase--workspace,.docs-showcase--catalog{grid-column:1/-1}.docs-table-showcase{margin-top:var(--hops-space-4);padding-bottom:var(--hops-space-3)}.docs-table-showcase .hops-table-wrap{border:0;border-radius:0}.docs-table-showcase .hops-table-toolbar{border-left:0;border-radius:0;border-right:0}.docs-table-showcase .hops-pagination{padding-inline:var(--hops-space-4)}.docs-mini-shell{display:grid;grid-template:3.5rem minmax(0,1fr)/12rem minmax(0,1fr);min-height:24rem}.docs-mini-shell .hops-sidebar{bottom:auto;display:flex;max-width:none;position:relative;top:auto;transform:none;width:auto}.docs-mini-shell .hops-sidebar__brand{min-height:3.5rem}.docs-mini-shell .hops-topbar{min-height:3.5rem;padding-inline:var(--hops-space-4)}.docs-mini-shell .hops-app-main{align-items:center;display:flex;justify-content:center}.docs-mini-mark{align-items:center;background:var(--hops-color-accent-soft);border-radius:var(--hops-radius-xs);display:inline-flex;flex:0 0 auto;height:2rem;justify-content:center;width:2rem}.docs-mini-mark img{height:1.15rem;width:1.15rem}.docs-mini-stats{display:grid;gap:var(--hops-space-3);grid-template-columns:repeat(2,minmax(7rem,1fr));max-width:24rem;width:100%}.docs-mini-stats span{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-md);padding:var(--hops-space-4)}.docs-mini-stats small{color:var(--hops-color-ink-muted);display:block;font-size:.68rem}.docs-mini-stats strong{display:block;font:600 1.75rem/1.2 var(--hops-font-heading)}.docs-menu-demo{align-content:start;justify-items:start;position:relative}.docs-static-menu{left:var(--hops-space-5);position:relative;top:0}.docs-notification-demo{align-content:start;padding-inline:0}.docs-notification-demo>:not(.hops-banner){margin-inline:var(--hops-space-5)}.docs-static-toast{position:relative}.docs-static-combobox{width:100%}.docs-static-listbox{position:relative}.docs-static-combobox .docs-static-listbox{margin-top:var(--hops-space-2)}.docs-showcase .hops-dropzone{min-height:8.5rem}.docs-showcase .hops-empty{border-top:1px solid var(--hops-color-border)}.docs-showcase .hops-disclosure__content{font-size:.78rem}.docs-invoice-page{min-height:18rem}.docs-invoice-page small{font-weight:800;letter-spacing:.12em}.docs-invoice-page h3{font:600 2rem/1 var(--hops-font-heading);margin:2rem 0 .4rem}.docs-invoice-page>span,.docs-invoice-page>p{color:#7c8284;font-size:.72rem}.docs-invoice-page div{display:flex;font-size:.78rem;justify-content:space-between;margin-top:3rem}.docs-showcase--preview .hops-preview{border:0;border-radius:0;min-height:31rem}.docs-status-grid{display:grid;gap:var(--hops-space-2);grid-template-columns:repeat(4,1fr);margin-top:var(--hops-space-4)}.docs-chart-demo{border:0;border-radius:0}.docs-chart-demo .hops-chart-bars{height:11rem}.docs-recipe-index{display:flex;flex-wrap:wrap;gap:var(--hops-space-2);margin-bottom:var(--hops-space-5)}.docs-recipe-index span{background:var(--hops-color-surface);border:1px solid var(--hops-color-border);border-radius:var(--hops-radius-pill);color:var(--hops-color-ink-subtle);font-size:.72rem;font-weight:750;padding:.45rem .7rem}.hops-auth-card{max-width:25rem;width:100%}.hops-account>span:nth-child(2){display:grid;flex:1}.docs-showcase .hops-permissions{align-self:start}.docs-showcase--chat .hops-chat{border:0;border-radius:0;min-height:25rem}.docs-showcase--chat .hops-status{margin-left:auto}.docs-showcase--board .hops-board{width:100%}.docs-showcase--board .hops-board__column{min-height:13rem}.docs-showcase--auth .hops-auth-shell{grid-template-columns:minmax(14rem,.7fr) minmax(0,1fr);min-height:28rem;padding:0}.docs-showcase--auth .hops-auth-shell__aside{border-radius:0;padding:var(--hops-space-6)}.docs-showcase--workspace .hops-workspace{border:0;border-radius:0;min-height:20rem}.docs-feedback-preview{align-content:start;position:relative}.docs-feedback-preview .hops-feedback{bottom:auto;display:grid;gap:var(--hops-space-3);position:relative;right:auto}.docs-feedback-preview .hops-feedback__trigger{justify-self:end}.docs-feedback-preview .hops-feedback__panel{bottom:auto;position:relative;right:auto;width:100%}.docs-feedback-preview .hops-card__body{margin:var(--hops-space-2) 0 var(--hops-space-4)}.docs-showcase--catalog .hops-catalog-layout{grid-template-columns:10rem minmax(0,1fr) 15rem}.docs-marketing-demo{border-radius:0;grid-template-columns:minmax(0,1fr) 12rem;min-height:24rem;padding:clamp(2rem,5vw,4rem)}.docs-marketing-mark{align-items:center;background:var(--hops-color-surface);border-radius:3rem;box-shadow:var(--hops-shadow-lg);display:flex;height:11rem;justify-content:center;transform:rotate(5deg);width:11rem}.docs-marketing-mark img{height:5rem;width:5rem}.hops-drawer__body{display:grid;gap:var(--hops-space-5)}.docs-live-toast[hidden]{display:none}@media(max-width:1120px){.docs-swatches{grid-template-columns:repeat(3,1fr)}.docs-hero{grid-template-columns:1.15fr .85fr}.docs-hero__mark{height:12rem;width:12rem}.docs-orbit--two{height:29rem;width:29rem}.docs-orbit--one{height:21rem;width:21rem}}@media(max-width:900px){.docs-sidebar{box-shadow:20px 0 70px -30px #24282a80;transform:translate(-110%);transition:transform .18s ease}.docs-sidebar.is-open{transform:none}.docs-page{margin-left:0}.docs-menu{display:inline-flex}.docs-topbar{padding:0 1.25rem}.docs-topbar__title{margin-right:auto;margin-left:.5rem}.docs-hero{grid-template-columns:1fr;min-height:auto}.docs-hero__content{padding:5rem 2rem}.docs-hero__art{display:none}.docs-content{padding:0 2rem}.docs-section__intro--row,.docs-component-heading{align-items:start;gap:1.5rem;grid-template-columns:1fr}.docs-type-grid,.docs-card-grid,.docs-promotion-grid,.docs-phase-grid,.docs-phase-grid--wide{grid-template-columns:1fr}.docs-showcase--shell,.docs-table-showcase,.docs-showcase--board,.docs-showcase--chat,.docs-showcase--auth,.docs-showcase--workspace,.docs-showcase--catalog{grid-column:auto}.docs-showcase--catalog .hops-catalog-layout{grid-template-columns:1fr}.docs-form-demo{grid-template-columns:1fr 1fr}.docs-form-demo__choices{grid-column:1/-1}}@media(max-width:650px){.docs-topbar__actions>span{display:none}.docs-mode-toggle{font-size:0;height:1.9rem;min-height:1.9rem;padding:0;width:1.9rem}.docs-mode-toggle:after{content:"◐";font-size:.9rem}.docs-theme-switcher button{font-size:0;height:1.5rem;padding:0;width:1.5rem}.docs-theme-switcher button:after{border-radius:50%;content:"";display:block;height:.7rem;margin:auto;width:.7rem}.docs-theme-switcher button[data-theme-value=inventory]:after{background:#00af6e}.docs-theme-switcher button[data-theme-value=finance]:after{background:#8264f8}.docs-theme-switcher button[data-theme-value=connect]:after{background:#353c3f}.docs-content{padding:0 1rem}.docs-section{padding:4.5rem 0}.docs-install-grid,.docs-theme-cards,.docs-stats-grid,.docs-alert-stack,.docs-form-demo{grid-template-columns:1fr}.docs-swatches{grid-template-columns:1fr 1fr}.docs-swatch div{height:6rem}.docs-type-card{min-height:auto}.docs-demo__canvas{align-items:stretch;flex-direction:column;padding:2rem 1rem}.docs-demo__canvas .hops-btn-group{align-items:stretch;flex-direction:column;width:100%}.docs-overlay-row{align-items:center}.docs-footer{align-items:flex-start;flex-direction:column;gap:1rem}.docs-showcase>header{align-items:flex-start;flex-direction:column}.docs-mini-shell{display:grid;grid-template:3.5rem minmax(0,1fr)/4.5rem minmax(0,1fr)}.docs-mini-shell .hops-sidebar{display:flex;position:relative;transform:none;width:auto}.docs-mini-shell .hops-sidebar__label,.docs-mini-shell .hops-nav-group__label,.docs-mini-shell .hops-nav-item__meta{display:none}.docs-mini-shell .hops-nav-item{justify-content:center;padding-inline:0}.docs-mini-shell .hops-topbar,.docs-mini-shell .hops-app-main{grid-column:2}.docs-status-grid{grid-template-columns:repeat(2,1fr)}.docs-marketing-demo{grid-template-columns:1fr}.docs-marketing-mark{display:none}.docs-showcase--auth .hops-auth-shell{display:block;min-height:0}.docs-showcase--auth .hops-auth-shell__aside{display:none}}