:root{--hod-bg:oklch(97% 0.008 250);--hod-bg-hex:#f7f9fc;--hod-surface:oklch(100% 0 0);--hod-fg:oklch(20% 0.025 255);--hod-fg-hex:#172033;--hod-muted:oklch(52% 0.02 250);--hod-muted-hex:#617087;--hod-border:oklch(90% 0.012 250);--hod-border-hex:#dfe6ee;--hod-accent:oklch(55% 0.19 255);--hod-accent-hex:#3977ed;--hod-accent-soft:oklch(95% 0.026 255);--hod-success:oklch(62% 0.16 155);--hod-success-hex:#19a974;--hod-warning:oklch(72% 0.16 75);--hod-danger:oklch(54% 0.18 28);--hod-nav:oklch(18% 0.035 255);--hod-nav-hex:#111b2d;--hod-font-display:"Avenir Next","Segoe UI",system-ui,sans-serif;--hod-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--hod-font-mono:"SFMono-Regular",ui-monospace,Consolas,monospace;--hod-radius-sm:8px;--hod-radius:11px;--hod-radius-md:12px;--hod-radius-lg:14px;--hod-radius-xl:18px;--hod-radius-2xl:20px;--hod-radius-pill:99px;--hod-shadow:0 18px 50px rgba(20,38,70,0.12);--hod-shadow-accent:0 12px 30px oklch(55% 0.19 255/0.2);--hod-ease:cubic-bezier(0.23,1,0.32,1);--hod-duration:160ms;--hod-duration-enter:220ms;--hod-space-1:4px;--hod-space-2:8px;--hod-space-3:12px;--hod-space-4:16px;--hod-space-5:20px;--hod-space-6:24px;--hod-space-8:32px;--hod-space-10:40px;--hod-space-12:48px}@media (prefers-reduced-motion:reduce){:root{--hod-duration:0.01ms;--hod-duration-enter:0.01ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hod-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--hod-border-hex,var(--hod-border));border-radius:var(--hod-radius);background:var(--hod-surface);color:var(--hod-fg-hex,var(--hod-fg));font:inherit;font-weight:750;cursor:pointer;text-decoration:none;transition:transform var(--hod-duration) var(--hod-ease),border-color var(--hod-duration) var(--hod-ease),background var(--hod-duration) var(--hod-ease)}.hod-btn:hover:not(:disabled){border-color:color-mix(in oklch,var(--hod-accent) 40%,white)}.hod-btn:active:not(:disabled){transform:translateY(0)}.hod-btn:disabled,.hod-btn[aria-disabled=true]{opacity:.58;cursor:not-allowed}.hod-btn--primary{background:var(--hod-accent-hex,var(--hod-accent));border-color:var(--hod-accent-hex,var(--hod-accent));color:#fff;box-shadow:0 10px 28px #3977ed30}.hod-btn--primary:hover:not(:disabled){background:oklch(51% .19 255)}.hod-btn--danger{color:var(--hod-danger);border-color:color-mix(in oklch,var(--hod-danger),white 65%)}.hod-btn--ghost{background:transparent}.hod-btn--icon{width:44px;padding:0}.hod-btn[aria-busy=true]{cursor:wait}.hod-field{display:grid;grid-gap:7px;gap:7px;margin-bottom:16px}.hod-field label,.hod-label{color:var(--hod-fg-hex,var(--hod-fg));font-size:12px;font-weight:800}.hod-input,.hod-select,.hod-textarea{width:100%;min-height:50px;padding:8px 14px;border:1px solid var(--hod-border-hex,var(--hod-border));border-radius:var(--hod-radius-md);background:var(--hod-surface);color:var(--hod-fg-hex,var(--hod-fg));font:inherit;outline:0;transition:border-color var(--hod-duration) var(--hod-ease),box-shadow var(--hod-duration) var(--hod-ease)}.hod-textarea{min-height:96px;resize:vertical}.hod-input:hover,.hod-select:hover,.hod-textarea:hover{border-color:oklch(82% .025 250)}.hod-input:focus,.hod-select:focus,.hod-textarea:focus{border-color:var(--hod-accent);box-shadow:0 0 0 4px oklch(55% .19 255/.11)}.hod-field--invalid .hod-input,.hod-field--invalid .hod-select,.hod-field--invalid .hod-textarea{border-color:var(--hod-danger)}.hod-field-error{margin:0;color:var(--hod-danger);font-size:12px;font-weight:650}.hod-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:var(--hod-radius-pill);background:var(--hod-bg-hex,var(--hod-bg));color:var(--hod-muted-hex,var(--hod-muted));font-size:11px;font-weight:750;white-space:nowrap}.hod-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.hod-badge--ok{color:var(--hod-success);background:color-mix(in oklch,var(--hod-success),white 90%)}.hod-badge--go{color:var(--hod-accent);background:color-mix(in oklch,var(--hod-accent),white 91%)}.hod-badge--warn{color:oklch(55% .15 70);background:color-mix(in oklch,var(--hod-warning),white 87%)}.hod-badge--bad{color:var(--hod-danger);background:color-mix(in oklch,var(--hod-danger),white 91%)}.hod-card{padding:18px;background:var(--hod-surface);border:1px solid var(--hod-border-hex,var(--hod-border));border-radius:var(--hod-radius-lg);box-shadow:0 1px 0 rgba(0,0,0,.015)}.hod-table-wrap{overflow:auto}.hod-table{width:100%;min-width:640px;border-collapse:collapse}.hod-table th{padding:11px 12px;text-align:left;color:var(--hod-muted-hex,var(--hod-muted));font:650 11px var(--hod-font-mono);text-transform:uppercase;letter-spacing:.06em}.hod-table td,.hod-table th{border-bottom:1px solid var(--hod-border-hex,var(--hod-border))}.hod-table td{padding:13px 12px}.hod-table tbody tr:hover td{background:color-mix(in oklch,var(--hod-bg),white 35%)}.hod-skeleton{display:block;border-radius:var(--hod-radius-sm);background:linear-gradient(90deg,var(--hod-border-hex) 25%,#eef2f7 50%,var(--hod-border-hex) 75%);background-size:200% 100%;animation:hod-shimmer 1.2s ease-in-out infinite}@keyframes hod-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hod-empty{text-align:center;padding:36px 18px;border:1px dashed var(--hod-border-hex,var(--hod-border));border-radius:var(--hod-radius-lg);color:var(--hod-muted-hex,var(--hod-muted))}.hod-empty strong{display:block;color:var(--hod-fg-hex,var(--hod-fg));margin-bottom:6px}.hod-upload{height:135px;display:grid;place-items:center;text-align:center;border-radius:var(--hod-radius-md);border:1.5px dashed color-mix(in oklch,var(--hod-accent),white 50%);background:color-mix(in oklch,var(--hod-accent),white 96%);color:var(--hod-accent);cursor:pointer}.hod-modal-backdrop{position:fixed;inset:0;z-index:100;padding:20px;display:grid;place-items:center;background:color-mix(in oklch,var(--hod-nav) 78%,transparent)}.hod-modal{width:min(520px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:var(--hod-radius-xl);background:var(--hod-surface);animation:hod-pop var(--hod-duration-enter) var(--hod-ease)}@keyframes hod-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.hod-toast{position:fixed;right:22px;bottom:22px;z-index:200;padding:13px 16px;border-radius:var(--hod-radius-md);background:var(--hod-nav-hex,var(--hod-nav));color:#fff;box-shadow:var(--hod-shadow)}:where(a,button,input,select,textarea):focus-visible{outline:3px solid oklch(72% .12 255);outline-offset:3px}.hod-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}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hod-bg-hex,var(--hod-bg));color:var(--hod-fg-hex,var(--hod-fg));font:16px/1.55 var(--hod-font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{color:var(--hod-accent-hex,var(--hod-accent));font:750 11px var(--hod-font-mono);letter-spacing:.1em;text-transform:uppercase}.lead{font-size:19px;color:var(--hod-muted-hex,var(--hod-muted))}@media (max-width:580px){.wrap{width:calc(100% - 28px)}}