:root{--hop-jade: #0D7E70;--hop-jade-deep: #0A6B5F;--hop-jade-press: #08564D;--hop-jade-velvet: #0B6E62;--hop-jade-deep-2: #0A3E37;--hop-jade-night: #062822;--hop-jade-soft: #E4EFEA;--hop-mint: #EAF3EF;--hop-mint-mist: #EFF5F1;--hop-ivory: #F5F1E8;--hop-ivory-glow: #FBF8F1;--hop-paper: #FFFDF8;--hop-canvas: #F5F1E8;--hop-card: #FFFFFF;--hop-ink: #1B2422;--hop-ink-2: #3D4A46;--hop-ink-3: #5B6A66;--hop-gold: #C29A53;--hop-gold-whisper: #CBB07A;--hop-gold-soft: #E7D6AC;--hop-gold-wash: #F6EFDE;--hop-gold-ink: #8A6A2F;--hop-sand: #F1E9D8;--hop-line: #E4DECE;--hop-line-soft: #EDE7D9;--hop-line-strong: #D2C9B2;--hop-line-cool: #E2E8E4;--hop-success: #157A55;--hop-info: #2563A8;--hop-caution: #8A5A12;--hop-warning-accent: #8F5A15;--hop-danger: #A74242;--hop-danger-ink: #8E2E26;--hop-pending: #6B5B8A;--hop-bg-app: var(--hop-canvas);--hop-surface: var(--hop-card);--hop-surface-elevated: var(--hop-card);--hop-surface-muted: #F4EFE4;--hop-surface-paper: var(--hop-paper);--hop-nav-fg: #DCEAE4;--hop-nav-fg-muted: #8FB4AA;--hop-nav-active-fg: #F2E3BC;--hop-primary: var(--hop-jade);--hop-primary-hover: var(--hop-jade-deep);--hop-primary-press: var(--hop-jade-press);--hop-secondary: var(--hop-card);--hop-selected: var(--hop-jade-soft);--hop-hover: var(--hop-mint);--hop-border: var(--hop-line);--hop-border-strong: var(--hop-line-strong);--hop-text: var(--hop-ink);--hop-text-body: var(--hop-ink-2);--hop-text-muted: var(--hop-ink-3);--hop-text-heading: var(--hop-ink);--hop-disabled: #A9B0A9;--hop-synthetic: var(--hop-gold);--hop-overlay: rgba(8, 33, 29, .46);--hop-chart-1: #0D7E70;--hop-chart-2: #2563A8;--hop-chart-3: #C29A53;--hop-chart-4: #6B5B8A;--hop-s1: 4px;--hop-s2: 8px;--hop-s3: 12px;--hop-s4: 16px;--hop-s5: 20px;--hop-s6: 24px;--hop-s7: 32px;--hop-s8: 40px;--hop-r-sm: 6px;--hop-r-md: 8px;--hop-r-lg: 10px;--hop-r-xl: 14px;--hop-r-pill: 999px;--hop-control-h: 36px;--hop-control-h-touch: 46px;--hop-row-h: 44px;--hop-sh-sm: 0 1px 2px rgba(27, 36, 34, .05);--hop-sh-md: 0 3px 12px rgba(27, 36, 34, .07);--hop-sh-lg: 0 14px 34px rgba(27, 36, 34, .14);--hop-sh-warm: 0 10px 30px rgba(74, 58, 26, .1);--hop-focus: 0 0 0 3px rgba(13, 126, 112, .34);--hop-focus-ring: 0 0 0 3px rgba(13, 126, 112, .34);--hop-font: "Manrope Variable", "Noto Sans Malayalam", system-ui, -apple-system, "Segoe UI", sans-serif;--hop-font-display: "Fraunces Variable", "Noto Sans Malayalam", Georgia, "Times New Roman", serif;--hop-sidebar-w: 256px;--hop-rail-w: 76px;--hop-topbar-h: 58px;--hop-synthetic-banner-h: 0px;--hop-safe-bottom: env(safe-area-inset-bottom, 0px)}.hop-root{min-height:100vh;background:var(--hop-canvas);color:var(--hop-ink);font-family:var(--hop-font);font-size:14.5px;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01" 0}.hop-root *,.hop-root *:before,.hop-root *:after{box-sizing:border-box}.hop-root :focus-visible{outline:none;box-shadow:var(--hop-focus);border-radius:var(--hop-r-sm)}.hop-root:lang(ml){line-height:1.75;letter-spacing:0}.hop-root:lang(ml) h1,.hop-root:lang(ml) h2,.hop-root:lang(ml) h3{letter-spacing:0;line-height:1.4}@media (prefers-reduced-motion: reduce){.hop-root *,.hop-root *:before,.hop-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hop-skip{position:absolute;left:-9999px;top:0;z-index:300;background:var(--hop-jade-deep);color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:0 0 var(--hop-r-md) 0}.hop-skip:focus{left:0}.hop-shell{display:flex;min-height:100vh}.hop-sidebar{width:var(--hop-sidebar-w);flex:0 0 var(--hop-sidebar-w);background:radial-gradient(140% 50% at 0% 0%,#c29a531a,#c29a5300 52%),linear-gradient(172deg,var(--hop-jade-deep-2) 0%,var(--hop-jade-night) 78%);color:var(--hop-nav-fg);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - var(--hop-synthetic-banner-h));overflow-y:auto;border-right:1px solid rgba(231,214,172,.14)}.hop-sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid rgba(231,214,172,.14);margin-bottom:12px}.hop-sidebar-brand .hop-brand-name{font-family:var(--hop-font-display);font-size:21px;font-weight:560;letter-spacing:.2px;color:#fdfbf4}.hop-sidebar-brand .hop-brand-sub{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--hop-gold-soft)}.hop-sidebar-clinic{margin:0 16px 8px;padding:0 2px}.hop-sidebar-clinic .hop-clinic-name{font-size:13.5px;font-weight:700;letter-spacing:.1px;color:#f3f7f3}.hop-sidebar-clinic .hop-clinic-role{margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--hop-nav-fg-muted)}.hop-nav{padding:4px 12px 12px;display:grid;gap:1px}.hop-nav-label{padding:16px 10px 6px;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#e7d6acd1}.hop-nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 11px;border:0;border-radius:var(--hop-r-md);background:transparent;color:var(--hop-nav-fg);text-align:left;font-family:var(--hop-font);font-size:13px;font-weight:600;letter-spacing:.1px;cursor:pointer;transition:background .15s ease,color .15s ease;position:relative}.hop-nav-item:hover{background:#ffffff0f;color:#fff}.hop-nav-item[aria-current=page]{background:linear-gradient(90deg,#e7d6ac21,#e7d6ac0d);color:var(--hop-nav-active-fg);font-weight:700;box-shadow:inset 2px 0 0 var(--hop-gold-soft)}.hop-nav-item[aria-current=page] .hop-nav-ico{color:var(--hop-gold-soft);opacity:1}.hop-nav-item .hop-nav-ico{width:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;opacity:.78;line-height:1}.hop-sidebar-foot{margin-top:auto;padding:14px 16px 18px;display:grid;gap:9px;border-top:1px solid rgba(231,214,172,.12)}.hop-sidebar-foot .hop-demo-chip{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.4px;color:var(--hop-gold-soft);background:#e7d6ac1a;border:1px solid rgba(231,214,172,.3);border-radius:var(--hop-r-pill);padding:4px 10px;width:fit-content}.hop-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.hop-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:8px 28px;min-height:var(--hop-topbar-h);background:var(--hop-ivory-glow);border-bottom:1px solid var(--hop-line)}.hop-topbar .hop-topbar-title{font-size:14.5px;font-weight:700;letter-spacing:.1px;color:var(--hop-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hop-topbar .hop-topbar-context{font-size:11.5px;color:var(--hop-ink-3);font-weight:600;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hop-topbar-spacer{flex:1 1 auto}.hop-topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.hop-demo-tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:#6e5620;background:var(--hop-gold-wash);border:1px solid rgba(194,154,83,.45);border-radius:var(--hop-r-pill);padding:4px 10px}.hop-onduty{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11.5px;font-weight:700;color:var(--hop-success);background:#157a5517;border-radius:var(--hop-r-pill);padding:4px 10px}.hop-onduty .hop-onduty-dot{width:7px;height:7px;border-radius:50%;background:var(--hop-success);box-shadow:0 0 0 3px #157a5529}.hop-menu-btn{display:none;border:1px solid var(--hop-line);background:var(--hop-card);border-radius:var(--hop-r-md);padding:8px 10px;cursor:pointer;font-size:16px;color:var(--hop-ink-2);line-height:1}.hop-page{padding:26px 32px;max-width:1320px;width:100%;margin:0 auto;padding-bottom:calc(48px + var(--hop-synthetic-banner-h) + var(--hop-safe-bottom))}.hop-page-header{margin-bottom:20px}.hop-page-header h1{margin:0;font-family:var(--hop-font-display);font-size:29px;font-weight:540;letter-spacing:0;color:var(--hop-ink);line-height:1.18}.hop-page-header .hop-page-sub{margin-top:6px;font-size:13px;color:var(--hop-ink-3);max-width:700px;line-height:1.55}.hop-page-header .hop-page-crumb{display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#6e5620;margin-bottom:7px}.hop-page-header .hop-page-crumb:after{content:"";height:1px;width:34px;background:var(--hop-gold);opacity:.55}.hop-card{background:var(--hop-paper);border:1px solid var(--hop-line);border-radius:var(--hop-r-lg);padding:18px 20px;box-shadow:var(--hop-sh-sm)}.hop-card+.hop-card{margin-top:12px}.hop-card-kicker{font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--hop-gold-ink);margin-bottom:8px}.hop-grid{display:grid;gap:12px}.hop-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hop-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hop-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hop-stat{background:var(--hop-paper);border:1px solid var(--hop-line);border-radius:var(--hop-r-lg);padding:13px 15px;box-shadow:var(--hop-sh-sm)}.hop-stat .hop-stat-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--hop-ink-3)}.hop-stat .hop-stat-value{margin-top:4px;font-size:21px;font-weight:700;letter-spacing:-.2px;color:var(--hop-ink);font-variant-numeric:tabular-nums}.hop-stat .hop-stat-note{margin-top:2px;font-size:11.5px;color:var(--hop-ink-3)}.hop-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--hop-r-md);border:1px solid transparent;font-family:var(--hop-font);font-weight:700;font-size:13.5px;letter-spacing:.15px;padding:9px 16px;min-height:38px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.hop-btn:disabled{opacity:.55;cursor:not-allowed}.hop-btn-primary{background:var(--hop-jade-deep);color:#fff}.hop-btn-primary:hover:not(:disabled){background:var(--hop-jade-press)}.hop-btn-secondary{background:var(--hop-paper);color:var(--hop-jade-deep);border-color:#c7cfc4}.hop-btn-secondary:hover:not(:disabled){background:var(--hop-mint);border-color:var(--hop-jade)}.hop-btn-ghost{background:transparent;color:var(--hop-jade-deep)}.hop-btn-ghost:hover:not(:disabled){background:var(--hop-mint)}.hop-btn-danger{background:var(--hop-danger);color:#fff}.hop-btn-sm{padding:5px 12px;min-height:31px;font-size:12.5px;border-radius:var(--hop-r-sm)}.hop-btn-full{width:100%}.hop-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.2px;border-radius:var(--hop-r-pill);padding:2px 9px;white-space:nowrap;border:1px solid rgba(13,126,112,.28);color:var(--hop-jade-deep);background:#0d7e7012}.hop-badge-neutral{color:var(--hop-ink-3);background:#f0ede3;border-color:var(--hop-line-strong)}.hop-badge-gold{color:#6e5620;background:var(--hop-gold-wash);border:1px solid rgba(194,154,83,.4)}.hop-badge-success{color:var(--hop-success);background:#157a5514;border-color:#157a554d}.hop-badge-info{color:var(--hop-info);background:#2563a814;border-color:#2563a84d}.hop-badge-caution{color:var(--hop-caution);background:#8a5a1214;border-color:#8a5a124d}.hop-badge-danger{color:var(--hop-danger);background:#a7424214;border-color:#a742424d}.hop-field{display:block}.hop-field+.hop-field{margin-top:12px}.hop-field .hop-field-label{display:block;font-size:12.5px;font-weight:700;color:var(--hop-ink-2);margin-bottom:6px}.hop-field .hop-field-help{margin-top:5px;font-size:12px;color:var(--hop-ink-3)}.hop-input,.hop-select,.hop-textarea{width:100%;font-family:var(--hop-font);font-size:14.5px;color:var(--hop-ink);background:var(--hop-card);border:1px solid var(--hop-line-strong);border-radius:var(--hop-r-md);padding:10px 13px;min-height:44px}.hop-input:focus,.hop-select:focus,.hop-textarea:focus{outline:none;border-color:var(--hop-jade);box-shadow:var(--hop-focus)}.hop-field-error{margin-top:5px;font-size:12.5px;font-weight:600;color:var(--hop-danger-ink)}.hop-input[aria-invalid=true]{border-color:var(--hop-danger)}.hop-alert{display:flex;gap:10px;align-items:flex-start;border-radius:var(--hop-r-md);padding:11px 13px;font-size:13px;line-height:1.5;background:var(--hop-paper)}.hop-alert-info{border:1px solid rgba(37,99,168,.26);color:#1e4f86;border-inline-start:3px solid var(--hop-info)}.hop-alert-success{border:1px solid rgba(21,122,85,.28);color:#10603f;border-inline-start:3px solid var(--hop-success)}.hop-alert-caution{border:1px solid rgba(138,90,18,.28);color:#6e4a0e;border-inline-start:3px solid var(--hop-caution)}.hop-alert-danger{border:1px solid rgba(167,66,66,.3);color:#8e2e26;border-inline-start:3px solid var(--hop-danger)}@keyframes hopShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.hop-skel{border-radius:var(--hop-r-sm);height:14px;margin:6px 0;background:linear-gradient(90deg,#efebe0 25%,#f8f5ec,#efebe0 75%);background-size:400px 100%;animation:hopShimmer 1.4s ease-in-out infinite}.hop-empty{display:flex;align-items:flex-start;gap:12px;text-align:start;padding:16px 18px;border-radius:var(--hop-r-lg);background:var(--hop-ivory-glow);border:1px dashed var(--hop-line-strong)}.hop-empty .hop-empty-ico{flex:0 0 30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--hop-mint);color:var(--hop-jade-deep);font-size:14px}.hop-empty .hop-empty-main{min-width:0}.hop-empty .hop-empty-title{font-size:13.5px;font-weight:700;color:var(--hop-ink)}.hop-empty .hop-empty-body{margin-top:3px;font-size:12.5px;color:var(--hop-ink-2);line-height:1.55;max-width:560px}.hop-empty-broken{background:#a742420a;border:1px solid rgba(167,66,66,.28)}.hop-empty-broken .hop-empty-title{color:var(--hop-danger-ink)}.hop-empty-broken .hop-empty-ico{background:#a742421f;color:var(--hop-danger-ink)}.hop-auth{min-height:100vh;display:flex;background:var(--hop-canvas)}.hop-auth-brandpane{flex:0 0 41%;max-width:540px;background:radial-gradient(120% 80% at 12% 0%,#e7d6ac29,#e7d6ac00 55%),linear-gradient(168deg,#0A4A41 0%,var(--hop-jade-night) 100%);color:#e4efea;padding:46px 42px;display:flex;flex-direction:column}.hop-auth-brandpane .hop-auth-kicker{font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--hop-gold-soft)}.hop-auth-brandpane h1{margin:16px 0 0;font-family:var(--hop-font-display);font-size:36px;line-height:1.16;letter-spacing:0;font-weight:480;color:#fcfaf3}.hop-auth-brandpane .hop-auth-lede{margin-top:16px;font-size:14.5px;line-height:1.65;color:#bcd5cd;max-width:390px}.hop-auth-points{margin-top:32px;display:grid;gap:14px}.hop-auth-point{display:flex;gap:12px;font-size:13px;line-height:1.55;color:#cfe1db}.hop-auth-point .hop-point-ico{flex:0 0 28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#e7d6ac1a;border:1px solid rgba(231,214,172,.22);color:var(--hop-gold-soft);font-size:13px}.hop-auth-foot{margin-top:auto;padding-top:30px;font-size:11px;color:#8fb4aa;line-height:1.65;border-top:1px solid rgba(231,214,172,.14)}.hop-auth-work{flex:1 1 auto;min-width:0;overflow-y:auto;padding:42px 28px;padding-bottom:calc(80px + var(--hop-synthetic-banner-h) + var(--hop-safe-bottom))}.hop-auth-work-inner{max-width:720px;margin:0 auto}.hop-auth-work h2{margin:0;font-family:var(--hop-font-display);font-size:24px;font-weight:540;letter-spacing:0;color:var(--hop-ink)}.hop-auth-work .hop-auth-sub{margin-top:6px;font-size:13px;color:var(--hop-ink-3)}.hop-role-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hop-role-card{display:flex;align-items:flex-start;gap:12px;text-align:left;background:var(--hop-paper);border:1px solid var(--hop-line);border-radius:var(--hop-r-lg);padding:14px;cursor:pointer;font-family:var(--hop-font);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.hop-role-card:hover:not(:disabled){border-color:var(--hop-jade);box-shadow:var(--hop-sh-md);transform:translateY(-1px)}.hop-role-card:disabled{opacity:.55;cursor:wait}.hop-role-card .hop-role-ico{flex:0 0 38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;background:var(--hop-mint);color:var(--hop-jade-deep)}.hop-role-card .hop-role-name{font-size:14px;font-weight:800;letter-spacing:.1px;color:var(--hop-ink)}.hop-role-card .hop-role-desc{margin-top:3px;font-size:12px;line-height:1.5;color:var(--hop-ink-3)}.hop-role-card .hop-role-busy{margin-top:3px;font-size:12.5px;font-weight:700;color:var(--hop-jade-deep)}.hop-tablewrap{overflow-x:auto;border:1px solid var(--hop-line);border-radius:var(--hop-r-lg);background:var(--hop-paper)}.hop-table{width:100%;border-collapse:collapse;font-size:13px}.hop-table th{text-align:left;padding:9px 14px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--hop-ink-3);border-bottom:1px solid var(--hop-line);background:var(--hop-ivory-glow)}.hop-table td{padding:10px 14px;border-bottom:1px solid var(--hop-line-soft);color:var(--hop-ink-2);vertical-align:top}.hop-table tr:last-child td{border-bottom:0}.hop-scrim{display:none}@media (max-width: 1439px){.hop-page{max-width:1200px}}@media (min-width: 768px) and (max-width: 1199px){:root{--hop-sidebar-w: var(--hop-rail-w)}.hop-sidebar{align-items:stretch}.hop-sidebar-brand{justify-content:center;padding:16px 8px 12px;margin-bottom:8px}.hop-sidebar-brand .hop-brand-sub,.hop-sidebar-brand .hop-brand-name,.hop-sidebar-clinic{display:none}.hop-nav{padding:4px 6px 10px}.hop-nav-label{height:0;padding:5px 0 4px;font-size:0;letter-spacing:0}.hop-nav-label:after{content:"";display:block;height:1px;margin:0 12px;background:#e7d6ac2e}.hop-nav-item{flex-direction:column;gap:4px;padding:8px 4px;font-size:9.5px;text-align:center;font-weight:700;line-height:1.15;border-radius:var(--hop-r-sm)}.hop-nav-item .hop-nav-ico{width:auto;opacity:.9}.hop-nav-item>.hop-truncate{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hop-nav-item[aria-current=page]{box-shadow:inset 0 -2px 0 var(--hop-gold-soft)}.hop-nav-item .hop-nav-badge{position:absolute;top:3px;inset-inline-end:6px;margin:0;min-width:15px;height:15px;font-size:9px;padding:0 3px}.hop-sidebar-foot{padding:10px 6px 14px;align-items:center}.hop-sidebar-foot .hop-demo-chip{font-size:0;gap:0;padding:6px}.hop-sidebar-foot .hop-demo-chip:before{content:"◦";font-size:12px}.hop-page{padding:20px 22px;padding-bottom:calc(52px + var(--hop-synthetic-banner-h) + var(--hop-safe-bottom))}.hop-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.hop-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:120;height:calc(100vh - var(--hop-synthetic-banner-h));transform:translate(-105%);transition:transform .22s cubic-bezier(.22,1,.36,1);box-shadow:var(--hop-sh-lg);width:282px;flex-basis:282px}.hop-sidebar.hop-sidebar-open{transform:translate(0)}.hop-menu-btn{display:inline-flex}.hop-scrim.hop-scrim-show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;bottom:var(--hop-synthetic-banner-h);z-index:110;background:var(--hop-overlay)}.hop-page{padding:16px 14px;padding-bottom:calc(22px + var(--hop-synthetic-banner-h) + var(--hop-safe-bottom))}.hop-grid-2,.hop-grid-3,.hop-grid-4{grid-template-columns:1fr}.hop-topbar{padding:8px 12px;flex-wrap:wrap;row-gap:6px}.hop-topbar .hop-topbar-context{display:none}.hop-topbar-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.hop-page-header h1{font-size:24px}}@media (max-width: 1023px){.hop-auth{flex-direction:column}.hop-auth-brandpane{flex:none;max-width:none;padding:26px 20px}.hop-auth-points,.hop-auth-foot{display:none}.hop-auth-brandpane h1{font-size:26px}.hop-auth-work{padding:22px 16px 90px}}@media (max-width: 560px){.hop-role-grid{grid-template-columns:1fr}.hop-profile-meta{display:none}.hop-profile-btn{padding:4px}.hop-demo-tag{padding:4px 8px}}.hop-stmt-head,.hop-stmt-row{display:grid;grid-template-columns:88px 78px minmax(120px,1fr) 72px 88px 84px 92px 96px;gap:8px;align-items:center;padding:8px 10px}.hop-stmt-head{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hop-ink-3, #5b7370);border-bottom:1px solid rgba(9,63,57,.14)}.hop-stmt-row{border-top:1px solid rgba(9,63,57,.08);cursor:pointer;text-align:left;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit}.hop-stmt-row:hover{background:#093f390a}.hop-stmt-cell:before{content:none}.hop-stmt-num{text-align:right;font-variant-numeric:tabular-nums}.hop-stmt-detail{padding:10px 12px 12px;border-top:1px dashed rgba(9,63,57,.18);background:#093f3908;border-radius:0 0 10px 10px}@media (max-width: 780px){.hop-stmt-head{display:none}.hop-stmt-row{display:block;padding:10px 12px}.hop-stmt-cell{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.hop-stmt-cell:before{content:attr(data-label);color:var(--hop-ink-3, #5b7370);font-size:12px}.hop-stmt-num{text-align:left}}.hop-nav-badge{margin-inline-start:auto;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;border-radius:var(--hop-r-pill);background:#ffffff24;color:#fff;line-height:1;font-variant-numeric:tabular-nums}.hop-nav-badge-action{background:var(--hop-warning-accent);color:#fff}.hop-nav-badge-critical{background:var(--hop-danger);color:#fff}.hop-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--hop-control-h);height:var(--hop-control-h);border-radius:var(--hop-r-md);border:1px solid var(--hop-line);background:var(--hop-paper);color:var(--hop-ink-2);cursor:pointer;font-size:15px;line-height:1}.hop-iconbtn:hover:not(:disabled){background:var(--hop-mint)}.hop-profile{position:relative}.hop-profile-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--hop-line);background:var(--hop-paper);border-radius:var(--hop-r-pill);padding:4px 10px 4px 4px;min-height:var(--hop-control-h);font-family:var(--hop-font)}.hop-profile-btn:hover{background:var(--hop-mint)}.hop-profile-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hop-jade-deep) 0%,var(--hop-jade-night) 100%);color:var(--hop-gold-soft);font-weight:800;font-size:12px;letter-spacing:.4px;flex:0 0 28px;box-shadow:0 0 0 1px #e7d6ac59 inset}.hop-profile-meta{text-align:start;min-width:0}.hop-profile-name{display:block;font-size:12.5px;font-weight:700;color:var(--hop-ink);line-height:1.2;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.hop-profile-role{display:block;font-size:10.5px;font-weight:600;letter-spacing:.2px;color:var(--hop-ink-3);line-height:1.25;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.hop-profile-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;min-width:244px;background:var(--hop-paper);border:1px solid var(--hop-line);border-radius:var(--hop-r-md);box-shadow:var(--hop-sh-lg);padding:8px;display:grid;gap:2px}.hop-profile-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--hop-line-soft);margin-bottom:4px}.hop-menuitem{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:9px 10px;border:0;background:transparent;border-radius:var(--hop-r-sm);font-family:var(--hop-font);font-size:13px;font-weight:600;color:var(--hop-ink-2);cursor:pointer}.hop-menuitem:hover{background:var(--hop-mint);color:var(--hop-ink)}.hop-menuitem .hop-menuitem-ico{width:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.8}.hop-metricstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--hop-metric-min, 150px),1fr));gap:1px;background:var(--hop-line);border:1px solid var(--hop-line);border-radius:var(--hop-r-lg);overflow:hidden;box-shadow:var(--hop-sh-sm)}.hop-metric{background:var(--hop-paper);padding:11px 16px 12px;display:block;text-align:start;min-width:0}button.hop-metric{cursor:pointer;font-family:var(--hop-font);border-block:0;width:100%}button.hop-metric:hover{background:var(--hop-ivory-glow)}.hop-metric-label{font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--hop-ink-3);display:flex;align-items:center;gap:6px;line-height:1.35}.hop-metric-value{display:block;margin-top:3px;font-size:21px;font-weight:700;letter-spacing:-.2px;color:var(--hop-ink);font-variant-numeric:tabular-nums;line-height:1.15}.hop-metric-value.hop-metric-quiet{color:var(--hop-ink)}.hop-metric-value.hop-metric-warn{color:var(--hop-caution)}.hop-metric-value.hop-metric-crit{color:var(--hop-danger)}.hop-metric-note{display:block;margin-top:2px;font-size:10.5px;font-weight:600;letter-spacing:.2px;color:var(--hop-ink-3);line-height:1.35}.hop-metric-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.hop-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.2px;border-radius:var(--hop-r-pill);padding:2px 9px;white-space:nowrap;border:1px solid transparent;background:var(--hop-paper)}.hop-status .hop-status-dot{width:6px;height:6px;border-radius:50%;flex:0 0 6px}.hop-status-neutral{color:var(--hop-ink-3);border-color:var(--hop-line-strong);background:#f2efe6}.hop-status-success{color:var(--hop-success);border-color:#157a5552;background:#157a550f}.hop-status-info{color:var(--hop-info);border-color:#2563a852;background:#2563a80f}.hop-status-pending{color:var(--hop-pending);border-color:#6b5b8a57;background:#6b5b8a12}.hop-status-warning{color:var(--hop-caution);border-color:#8a5a1257;background:#8a5a1212}.hop-status-critical{color:var(--hop-danger-ink);border-color:#a742425c;background:#a7424212}.hop-status-active{color:var(--hop-jade-deep);border-color:#0d7e7057;background:#0d7e7012}.hop-attn{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--hop-r-md);border:1px solid;background:var(--hop-paper)}.hop-attn+.hop-attn{margin-top:8px}.hop-attn-ico{flex:0 0 26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin-top:1px}.hop-attn-body{min-width:0;flex:1 1 auto}.hop-attn-title{font-size:13.5px;font-weight:700;color:var(--hop-ink)}.hop-attn-meta{margin-top:3px;font-size:12px;color:var(--hop-ink-2);line-height:1.5}.hop-attn-meta b{color:var(--hop-ink);font-weight:700}.hop-attn-actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.hop-attn-critical{border-color:#a7424252;border-inline-start:3px solid var(--hop-danger)}.hop-attn-critical .hop-attn-ico{background:#a742421f;color:var(--hop-danger-ink)}.hop-attn-action{border-color:#a96d1f4d;border-inline-start:3px solid var(--hop-warning-accent)}.hop-attn-action .hop-attn-ico{background:#a96d1f1f;color:var(--hop-caution)}.hop-attn-info{border-color:#2563a83d;border-inline-start:3px solid var(--hop-info)}.hop-attn-info .hop-attn-ico{background:#2563a81a;color:var(--hop-info)}.hop-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.hop-toolbar-spacer{flex:1 1 auto}.hop-section-head{display:flex;align-items:baseline;gap:10px;margin:22px 0 10px;flex-wrap:wrap;row-gap:8px}.hop-section-head h2{margin:0;font-family:var(--hop-font-display);font-size:18px;font-weight:560;letter-spacing:0;color:var(--hop-ink)}.hop-section-head .hop-section-count{font-size:11px;font-weight:700;color:var(--hop-ink-3);font-variant-numeric:tabular-nums;border:1px solid var(--hop-line-strong);border-radius:var(--hop-r-pill);padding:1px 8px;background:var(--hop-paper)}.hop-section-head .hop-toolbar-spacer+*{flex:0 0 auto}.hop-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:18px;align-items:start}@media (max-width: 1023px){.hop-split{grid-template-columns:minmax(0,1fr)}}.hop-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--hop-overlay);display:flex;justify-content:flex-end;animation:hopFade .16s ease-out}@keyframes hopFade{0%{opacity:0}to{opacity:1}}.hop-drawer{width:min(470px,100%);height:100%;background:var(--hop-paper);box-shadow:var(--hop-sh-lg);display:flex;flex-direction:column;animation:hopSlideIn .22s cubic-bezier(.22,1,.36,1);border-inline-start:1px solid var(--hop-line)}@keyframes hopSlideIn{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.hop-drawer-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--hop-line)}.hop-drawer-head h2{margin:0;font-family:var(--hop-font-display);font-size:18px;font-weight:560;letter-spacing:0;color:var(--hop-ink)}.hop-drawer-head .hop-drawer-sub{margin-top:3px;font-size:12px;color:var(--hop-ink-3)}.hop-drawer-close{margin-inline-start:auto}.hop-drawer-body{flex:1 1 auto;overflow-y:auto;padding:16px 20px}.hop-drawer-foot{padding:12px 20px;border-top:1px solid var(--hop-line);display:flex;gap:8px;flex-wrap:wrap;background:var(--hop-ivory-glow)}@media (max-width: 640px){.hop-drawer-scrim{justify-content:stretch}.hop-drawer{width:100%;animation:hopSheetUp .24s cubic-bezier(.22,1,.36,1)}@keyframes hopSheetUp{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}}.hop-deflist{display:grid;gap:0}.hop-defrow{display:grid;grid-template-columns:40% 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--hop-line-soft)}.hop-defrow:last-child{border-bottom:0}.hop-defrow dt{font-size:12px;color:var(--hop-ink-3);font-weight:600;margin:0}.hop-defrow dd{font-size:12.5px;color:var(--hop-ink);font-weight:700;margin:0;text-align:end;font-variant-numeric:tabular-nums}.hop-dtable-wrap{border:1px solid var(--hop-line);border-radius:var(--hop-r-lg);background:var(--hop-paper);overflow:hidden;box-shadow:var(--hop-sh-sm)}.hop-dtable{width:100%;border-collapse:collapse;font-size:13px}.hop-dtable thead th{text-align:start;padding:9px 14px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--hop-ink-3);background:var(--hop-ivory-glow);border-bottom:1px solid var(--hop-line);white-space:nowrap}.hop-dtable tbody td{padding:10px 14px;border-bottom:1px solid var(--hop-line-soft);color:var(--hop-ink-2);vertical-align:middle;height:var(--hop-row-h)}.hop-dtable tbody tr:last-child td{border-bottom:0}.hop-dtable tbody tr.hop-row-click{cursor:pointer}.hop-dtable tbody tr.hop-row-click:hover{background:var(--hop-ivory-glow)}.hop-dtable tbody tr[aria-selected=true]{background:var(--hop-jade-soft)}.hop-dtable .hop-num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.hop-dtable td[data-primary]{font-weight:700;color:var(--hop-ink)}.hop-dtable td.hop-timecell{font-variant-numeric:tabular-nums;font-weight:800;color:var(--hop-jade-deep);border-inline-start:3px solid transparent;white-space:nowrap}.hop-dtable tr.hop-row-now td.hop-timecell{border-inline-start-color:var(--hop-gold)}@media (max-width: 720px){.hop-dtable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hop-dtable,.hop-dtable tbody,.hop-dtable tr,.hop-dtable td{display:block;width:100%}.hop-dtable tbody tr{border-bottom:1px solid var(--hop-line);padding:10px 12px}.hop-dtable tbody tr:last-child{border-bottom:0}.hop-dtable tbody td{border:0;padding:3px 0;height:auto;display:flex;justify-content:space-between;gap:12px}.hop-dtable tbody td:before{content:attr(data-label);color:var(--hop-ink-3);font-size:12px;font-weight:600}.hop-dtable .hop-num{text-align:start}.hop-dtable td.hop-timecell{border-inline-start:0}}.hop-save{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700}.hop-save-idle{color:var(--hop-ink-3)}.hop-save-saving{color:var(--hop-info)}.hop-save-saved{color:var(--hop-success)}.hop-save-error{color:var(--hop-danger-ink)}.hop-save-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.hop-sticky-actions{position:sticky;bottom:0;z-index:30;display:flex;gap:10px;flex-wrap:wrap;padding:12px 0;margin-top:16px;background:linear-gradient(180deg,rgba(245,241,232,0) 0%,var(--hop-bg-app) 40%)}.hop-tabs{display:flex;gap:6px;flex-wrap:wrap}.hop-tab{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--hop-line);background:var(--hop-paper);color:var(--hop-ink-2);border-radius:var(--hop-r-pill);padding:5px 13px;font-family:var(--hop-font);font-size:12.5px;font-weight:700;cursor:pointer;min-height:33px}.hop-tab:hover{background:var(--hop-mint)}.hop-tab[aria-selected=true]{background:var(--hop-jade-deep);border-color:var(--hop-jade-deep);color:#fff}.hop-tab[aria-selected=true] .hop-tab-count{background:#ffffff2e;color:#fff}.hop-tab-count{font-size:11px;font-weight:800;background:#0d7e701a;color:var(--hop-jade-deep);border-radius:var(--hop-r-pill);padding:1px 7px;font-variant-numeric:tabular-nums}.hop-num-tab{font-variant-numeric:tabular-nums}.hop-cluster{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hop-stack{display:grid;gap:12px}.hop-muted{color:var(--hop-ink-3)}.hop-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hop-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hop-cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}@media (max-width: 767px){.hop-metricstrip{--hop-metric-min: 132px}.hop-metric{padding:10px 13px 11px}}@media (max-width: 360px){.hop-metricstrip{--hop-metric-min: 100%}}.hop-field{display:flex;flex-direction:column;gap:5px;min-width:0}.hop-label{font-size:12.5px;font-weight:700;color:var(--hop-ink-2)}.hop-label .hop-req{color:var(--hop-danger-ink);margin-left:2px}.hop-input,.hop-select,.hop-textarea{font-family:var(--hop-font);font-size:14px;color:var(--hop-ink);background:var(--hop-card);border:1px solid var(--hop-line-strong);border-radius:var(--hop-r-sm);padding:8px 12px;min-height:38px;box-sizing:border-box;width:100%}.hop-input::placeholder,.hop-textarea::placeholder{color:var(--hop-ink-3)}.hop-input:focus-visible,.hop-select:focus-visible,.hop-textarea:focus-visible{outline:2px solid var(--hop-jade);outline-offset:1px;border-color:var(--hop-jade)}.hop-input[aria-invalid=true],.hop-select[aria-invalid=true],.hop-textarea[aria-invalid=true]{border-color:var(--hop-danger-ink)}.hop-textarea{min-height:76px;resize:vertical}.hop-help{font-size:12px;color:var(--hop-ink-3);line-height:1.45}.hop-field-error{font-size:12.5px;font-weight:600;color:var(--hop-danger-ink)}.hop-form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.hop-form-row>.hop-field{flex:0 1 auto}.hop-focus-root{min-height:100vh;background:var(--hop-bg-app)}.hop-focus-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 20px;flex-wrap:wrap;background:linear-gradient(172deg,var(--hop-jade-deep-2) 0%,var(--hop-jade-night) 100%);border-bottom:2px solid var(--hop-gold);color:var(--hop-nav-fg)}.hop-focus-bar .hop-brand-name{font-family:var(--hop-font-display);font-size:18px;font-weight:560;color:#fdfbf4}.hop-focus-bar .hop-brand-sub{font-size:9.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--hop-gold-soft)}.hop-focus-bar .hop-demo-tag{color:var(--hop-gold-soft);background:#e7d6ac1a;border-color:#e7d6ac52}.hop-focus-meta{min-width:0}.hop-focus-title{margin:0;font-size:14px;font-weight:700;color:#fdfbf4;font-family:var(--hop-font)}.hop-focus-sub{font-size:11.5px;color:var(--hop-nav-fg-muted);margin-top:1px}.hop-focus-content{max-width:1080px;margin:0 auto;padding:20px 18px 44px}@media (max-width: 480px){.hop-focus-bar{gap:8px;padding:8px 10px}}.hop-flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:2px 0}.hop-flow-stage{flex:1 1 0;min-width:96px;position:relative;padding:10px 14px 12px}.hop-flow-stage+.hop-flow-stage{border-inline-start:1px solid var(--hop-line-soft)}.hop-flow-stage .hop-flow-label{font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--hop-ink-3);white-space:nowrap}.hop-flow-stage .hop-flow-value{margin-top:3px;font-size:20px;font-weight:700;letter-spacing:-.2px;color:var(--hop-ink);font-variant-numeric:tabular-nums}.hop-flow-stage .hop-flow-note{margin-top:1px;font-size:10.5px;color:var(--hop-ink-3)}.hop-flow-stage.hop-flow-live .hop-flow-value{color:var(--hop-jade-deep)}.hop-flow-arrow{align-self:center;color:var(--hop-line-strong);flex:0 0 auto;padding:0 2px}.hop-cj{list-style:none;margin:0;padding:0;display:flex;gap:0}.hop-cj-step{flex:1 1 0;min-width:0;position:relative;padding:0 6px 0 0}.hop-cj-track{display:flex;align-items:center;gap:0}.hop-cj-node{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--hop-paper);border:2px solid var(--hop-line-strong);color:var(--hop-paper);font-size:11px;font-weight:800;z-index:1}.hop-cj-line{flex:1 1 auto;height:2px;background:var(--hop-line-strong)}.hop-cj-step:last-child .hop-cj-line{display:none}.hop-cj-meta{margin-top:7px;padding-inline-end:8px}.hop-cj-label{font-size:12px;font-weight:700;color:var(--hop-ink-2);line-height:1.3}.hop-cj-hint{margin-top:1px;font-size:10.5px;line-height:1.4;color:var(--hop-ink-3)}.hop-cj-done .hop-cj-node{background:var(--hop-jade);border-color:var(--hop-jade);color:#fff}.hop-cj-done .hop-cj-line{background:var(--hop-jade)}.hop-cj-current .hop-cj-node{border-color:var(--hop-gold);box-shadow:0 0 0 4px #c29a532e;background:var(--hop-paper)}.hop-cj-current .hop-cj-node:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--hop-jade-deep)}.hop-cj-current .hop-cj-label{color:var(--hop-jade-deep);font-weight:800}.hop-cj-action .hop-cj-node{border-color:var(--hop-warning-accent)}.hop-cj-action .hop-cj-label{color:var(--hop-caution)}.hop-cj-vertical{flex-direction:column;gap:12px}.hop-cj-vertical .hop-cj-step{padding:0}.hop-cj-vertical .hop-cj-track{align-items:flex-start}.hop-cj-vertical .hop-cj-line{display:none}.hop-cj-vertical .hop-cj-step{display:flex;gap:12px}.hop-cj-vertical .hop-cj-meta{margin-top:0}.hop-cj-vertical .hop-cj-step:not(:last-child):before{content:"";position:absolute;left:10px;top:26px;bottom:-12px;width:2px;background:var(--hop-line-strong)}.hop-cj-vertical .hop-cj-step{position:relative}.hop-cj-vertical .hop-cj-done:not(:last-child):before{background:var(--hop-jade)}@media (max-width: 620px){.hop-cj:not(.hop-cj-mini){flex-direction:column;gap:12px}.hop-cj:not(.hop-cj-mini) .hop-cj-step{display:flex;gap:12px;padding:0;position:relative}.hop-cj:not(.hop-cj-mini) .hop-cj-line{display:none}.hop-cj:not(.hop-cj-mini) .hop-cj-meta{margin-top:0}.hop-cj:not(.hop-cj-mini) .hop-cj-step:not(:last-child):before{content:"";position:absolute;left:10px;top:26px;bottom:-12px;width:2px;background:var(--hop-line-strong)}.hop-cj:not(.hop-cj-mini) .hop-cj-done:not(:last-child):before{background:var(--hop-jade)}}.hop-cj-mini .hop-cj-node{flex-basis:16px;width:16px;height:16px;border-width:2px;font-size:8px}.hop-cj-mini .hop-cj-current .hop-cj-node:after{width:6px;height:6px}.hop-cj-mini .hop-cj-label{font-size:10.5px}.hop-cj-mini .hop-cj-hint{display:none}.hop-cj-mini .hop-cj-meta{margin-top:5px}@media (max-width: 500px){.hop-btn{min-height:44px}}