:root{--hh-color-background:#FFFFFF;--hh-color-surface:#F5F6F7;--hh-color-surface-raised:#FFFFFF;--hh-color-border:#D6D8DC;--hh-color-border-strong:#A2A7AE;--hh-color-text-primary:#1D2025;--hh-color-text-secondary:#41464E;--hh-color-text-muted:#595F69;--hh-color-text-inverse:#FFFFFF;--hh-color-icon:#777E88;--hh-color-primary:#1B2A41;--hh-color-primary-hover:#273C5B;--hh-color-primary-text:#FFFFFF;--hh-color-primary-surface:#F3F5F9;--hh-color-accent:#0B6670;--hh-color-accent-text:#FFFFFF;--hh-color-focus-ring:#4D6B99;--hh-color-success:#0F7B4F;--hh-color-success-surface:#E7F5EE;--hh-color-warning:#8A5300;--hh-color-warning-surface:#FCF2E3;--hh-color-danger:#B3261E;--hh-color-danger-surface:#FBEAE9;--hh-color-info:#1B5FA8;--hh-color-info-surface:#E8F1FB;--hh-space-0:0px;--hh-space-1:4px;--hh-space-2:8px;--hh-space-3:12px;--hh-space-4:16px;--hh-space-5:20px;--hh-space-6:24px;--hh-space-8:32px;--hh-space-10:40px;--hh-space-12:48px;--hh-space-16:64px;--hh-radius-none:0px;--hh-radius-sm:4px;--hh-radius-md:8px;--hh-radius-lg:12px;--hh-radius-xl:16px;--hh-radius-full:9999px;--hh-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--hh-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--hh-text-xs:12px;--hh-text-sm:14px;--hh-text-base:16px;--hh-text-lg:18px;--hh-text-xl:20px;--hh-text-2xl:24px;--hh-text-3xl:30px;--hh-text-4xl:36px;--hh-weight-regular:400;--hh-weight-medium:500;--hh-weight-semibold:600;--hh-weight-bold:700;--hh-leading-tight:1.2;--hh-leading-snug:1.35;--hh-leading-normal:1.5;--hh-leading-relaxed:1.65;--hh-shadow-none:none;--hh-shadow-sm:0 1px 2px rgba(16,27,43,0.06);--hh-shadow-md:0 2px 8px rgba(16,27,43,0.08);--hh-shadow-lg:0 8px 24px rgba(16,27,43,0.12)}[data-theme=dark]{--hh-color-background:#101B2B;--hh-color-surface:#1B2A41;--hh-color-surface-raised:#273C5B;--hh-color-border:#273C5B;--hh-color-border-strong:#364F75;--hh-color-text-primary:#E9EAEC;--hh-color-text-secondary:#D6D8DC;--hh-color-text-muted:#A2A7AE;--hh-color-text-inverse:#101B2B;--hh-color-icon:#A2A7AE;--hh-color-primary:#AABAD2;--hh-color-primary-hover:#CED7E6;--hh-color-primary-text:#101B2B;--hh-color-primary-surface:#273C5B;--hh-color-accent:#5EC7D1;--hh-color-accent-text:#101B2B;--hh-color-focus-ring:#AABAD2;--hh-color-success:#4ADE80;--hh-color-success-surface:#273C5B;--hh-color-warning:#FBBF24;--hh-color-warning-surface:#273C5B;--hh-color-danger:#FCA5A5;--hh-color-danger-surface:#273C5B;--hh-color-info:#93C5FD;--hh-color-info-surface:#273C5B}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hh-color-background:#101B2B;--hh-color-surface:#1B2A41;--hh-color-surface-raised:#273C5B;--hh-color-border:#273C5B;--hh-color-border-strong:#364F75;--hh-color-text-primary:#E9EAEC;--hh-color-text-secondary:#D6D8DC;--hh-color-text-muted:#A2A7AE;--hh-color-text-inverse:#101B2B;--hh-color-icon:#A2A7AE;--hh-color-primary:#AABAD2;--hh-color-primary-hover:#CED7E6;--hh-color-primary-text:#101B2B;--hh-color-primary-surface:#273C5B;--hh-color-accent:#5EC7D1;--hh-color-accent-text:#101B2B;--hh-color-focus-ring:#AABAD2;--hh-color-success:#4ADE80;--hh-color-success-surface:#273C5B;--hh-color-warning:#FBBF24;--hh-color-warning-surface:#273C5B;--hh-color-danger:#FCA5A5;--hh-color-danger-surface:#273C5B;--hh-color-info:#93C5FD;--hh-color-info-surface:#273C5B}}.hh-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}.hh-button:focus-visible,.hh-input:focus-visible,.hh-nav__link:focus-visible,.hh-tab:focus-visible,a:focus-visible{outline:2px solid var(--hh-color-focus-ring);outline-offset:2px;border-radius:var(--hh-radius-sm)}.hh-logo{display:inline-flex;align-items:center;line-height:1}.hh-logo__mark{display:inline-flex;color:var(--hh-color-primary)}.hh-logo__word{font-family:var(--hh-font-sans);letter-spacing:-.01em;color:var(--hh-color-text-primary);white-space:nowrap}.hh-logo__howto{font-weight:var(--hh-weight-regular)}.hh-logo__hr{font-weight:var(--hh-weight-bold)}.hh-logo__one{margin-left:.35em;font-weight:var(--hh-weight-regular);color:var(--hh-color-text-muted)}.hh-stack{display:flex;min-width:0}.hh-text{margin:0;font-family:var(--hh-font-sans);line-height:var(--hh-leading-normal);color:var(--hh-color-text-primary)}.hh-text--xs{font-size:var(--hh-text-xs)}.hh-text--sm{font-size:var(--hh-text-sm)}.hh-text--base{font-size:var(--hh-text-base)}.hh-text--lg{font-size:var(--hh-text-lg)}.hh-text--xl{font-size:var(--hh-text-xl)}.hh-tone--primary{color:var(--hh-color-text-primary)}.hh-tone--secondary{color:var(--hh-color-text-secondary)}.hh-tone--muted{color:var(--hh-color-text-muted)}.hh-tone--inverse{color:var(--hh-color-text-inverse)}.hh-tone--danger{color:var(--hh-color-danger)}.hh-tone--success{color:var(--hh-color-success)}.hh-weight--regular{font-weight:var(--hh-weight-regular)}.hh-weight--medium{font-weight:var(--hh-weight-medium)}.hh-weight--semibold{font-weight:var(--hh-weight-semibold)}.hh-weight--bold{font-weight:var(--hh-weight-bold)}.hh-heading{margin:0;font-family:var(--hh-font-sans);font-weight:var(--hh-weight-semibold);line-height:var(--hh-leading-tight);letter-spacing:-.01em;color:var(--hh-color-text-primary)}.hh-heading--1{font-size:var(--hh-text-3xl)}.hh-heading--2{font-size:var(--hh-text-2xl)}.hh-heading--3{font-size:var(--hh-text-xl)}.hh-heading--4{font-size:var(--hh-text-lg)}.hh-card{background:var(--hh-color-surface-raised);border:1px solid var(--hh-color-border);border-radius:var(--hh-radius-lg);box-shadow:var(--hh-shadow-sm)}.hh-card--padded{padding:var(--hh-space-5)}.hh-card--interactive{cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.hh-card--interactive:hover{border-color:var(--hh-color-border-strong);box-shadow:var(--hh-shadow-md)}@media (prefers-reduced-motion:reduce){.hh-button,.hh-card--interactive{transition:none}}.hh-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--hh-space-2);min-height:44px;padding:0 var(--hh-space-4);font-family:var(--hh-font-sans);font-size:var(--hh-text-base);font-weight:var(--hh-weight-medium);border:1px solid transparent;border-radius:var(--hh-radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.hh-button--sm{min-height:36px;padding:0 var(--hh-space-3);font-size:var(--hh-text-sm)}.hh-button--lg{min-height:52px;padding:0 var(--hh-space-6);font-size:var(--hh-text-lg)}.hh-button--full{width:100%}.hh-button--primary{background:var(--hh-color-primary);color:var(--hh-color-primary-text)}.hh-button--primary:hover:not(:disabled){background:var(--hh-color-primary-hover)}.hh-button--secondary{background:var(--hh-color-surface-raised);color:var(--hh-color-text-primary);border-color:var(--hh-color-border-strong)}.hh-button--secondary:hover:not(:disabled){background:var(--hh-color-surface)}.hh-button--ghost{background:transparent;color:var(--hh-color-text-secondary)}.hh-button--ghost:hover:not(:disabled){background:var(--hh-color-surface)}.hh-button--danger{background:var(--hh-color-danger);color:#ffffff}.hh-button:disabled{opacity:.55;cursor:not-allowed}.hh-button__spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:var(--hh-radius-full);animation:hh-spin .7s linear infinite}@keyframes hh-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hh-button__spinner{animation-duration:2s}}.hh-badge{display:inline-flex;align-items:center;padding:2px var(--hh-space-2);font-family:var(--hh-font-sans);font-size:var(--hh-text-xs);font-weight:var(--hh-weight-medium);border-radius:var(--hh-radius-full);white-space:nowrap}.hh-badge--neutral{background:var(--hh-color-surface);color:var(--hh-color-text-secondary)}.hh-badge--primary{background:var(--hh-color-primary-surface);color:var(--hh-color-primary)}.hh-badge--success{background:var(--hh-color-success-surface);color:var(--hh-color-success)}.hh-badge--warning{background:var(--hh-color-warning-surface);color:var(--hh-color-warning)}.hh-badge--danger{background:var(--hh-color-danger-surface);color:var(--hh-color-danger)}.hh-badge--info{background:var(--hh-color-info-surface);color:var(--hh-color-info)}.hh-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--hh-color-primary-surface);color:var(--hh-color-primary);border-radius:var(--hh-radius-full);font-family:var(--hh-font-sans);font-weight:var(--hh-weight-semibold);text-transform:uppercase}.hh-field{display:flex;flex-direction:column;gap:var(--hh-space-1)}.hh-field__label{font-family:var(--hh-font-sans);font-size:var(--hh-text-sm);font-weight:var(--hh-weight-medium);color:var(--hh-color-text-secondary)}.hh-field__control{display:flex;align-items:center;gap:var(--hh-space-2)}.hh-input{width:100%;min-height:44px;padding:0 var(--hh-space-3);font-family:var(--hh-font-sans);font-size:var(--hh-text-base);color:var(--hh-color-text-primary);background:var(--hh-color-surface-raised);border:1px solid var(--hh-color-border-strong);border-radius:var(--hh-radius-md)}.hh-input::placeholder{color:var(--hh-color-text-muted)}.hh-input--error{border-color:var(--hh-color-danger)}.hh-field__hint{color:var(--hh-color-text-muted)}.hh-field__error,.hh-field__hint{font-family:var(--hh-font-sans);font-size:var(--hh-text-xs)}.hh-field__error{color:var(--hh-color-danger)}.hh-alert{display:flex;flex-direction:column;gap:var(--hh-space-1);padding:var(--hh-space-3) var(--hh-space-4);border-radius:var(--hh-radius-md);border:1px solid transparent;font-family:var(--hh-font-sans);font-size:var(--hh-text-sm)}.hh-alert--info{background:var(--hh-color-info-surface);color:var(--hh-color-info)}.hh-alert--success{background:var(--hh-color-success-surface);color:var(--hh-color-success)}.hh-alert--warning{background:var(--hh-color-warning-surface);color:var(--hh-color-warning)}.hh-alert--danger{background:var(--hh-color-danger-surface);color:var(--hh-color-danger)}.hh-alert__title{font-weight:var(--hh-weight-semibold)}.hh-empty{display:flex;flex-direction:column;align-items:center;gap:var(--hh-space-2);padding:var(--hh-space-12) var(--hh-space-6);text-align:center;background:var(--hh-color-surface);border:1px dashed var(--hh-color-border-strong);border-radius:var(--hh-radius-lg)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--hh-font-sans);font-size:var(--hh-text-base);line-height:var(--hh-leading-normal);color:var(--hh-color-text-primary);background:var(--hh-color-background);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.hh-app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.hh-app__main{min-width:0;background:var(--hh-color-background)}.hh-app__content{max-width:1100px;margin:0 auto;padding:var(--hh-space-8) var(--hh-space-6) var(--hh-space-16)}@media (max-width:1023px){.hh-app{grid-template-columns:1fr}.hh-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--hh-color-border)}.hh-sidebar__nav{flex-direction:row;flex-wrap:wrap}.hh-app__content{padding:var(--hh-space-5) var(--hh-space-4) var(--hh-space-12)}}.hh-sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;gap:var(--hh-space-6);padding:var(--hh-space-5) var(--hh-space-4);background:var(--hh-color-surface);border-right:1px solid var(--hh-color-border);overflow-y:auto}.hh-brand,.hh-sidebar{display:flex;flex-direction:column}.hh-brand{gap:var(--hh-space-1);padding:0 var(--hh-space-2)}.hh-brand__company{font-size:var(--hh-text-sm);font-weight:var(--hh-weight-medium);color:var(--hh-color-text-muted)}.hh-sidebar__nav{display:flex;flex-direction:column;gap:var(--hh-space-1)}.hh-nav__section-label{padding:var(--hh-space-3) var(--hh-space-2) var(--hh-space-1);font-size:var(--hh-text-xs);font-weight:var(--hh-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--hh-color-text-muted)}.hh-nav__link{display:flex;align-items:center;gap:var(--hh-space-3);min-height:40px;padding:0 var(--hh-space-3);border-radius:var(--hh-radius-md);font-size:var(--hh-text-sm);font-weight:var(--hh-weight-medium);color:var(--hh-color-text-secondary)}.hh-nav__link:hover{background:var(--hh-color-surface-raised);color:var(--hh-color-text-primary)}.hh-nav__link[aria-current=page]{background:var(--hh-color-primary-surface);color:var(--hh-color-primary);font-weight:var(--hh-weight-semibold)}.hh-nav__icon{flex:none;width:18px;height:18px;color:currentColor}.hh-sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--hh-space-2);padding-top:var(--hh-space-4);border-top:1px solid var(--hh-color-border)}.hh-user{display:flex;align-items:center;gap:var(--hh-space-3);padding:var(--hh-space-2)}.hh-user,.hh-user__text{min-width:0}.hh-user__name{font-size:var(--hh-text-sm);font-weight:var(--hh-weight-medium);color:var(--hh-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hh-user__role{font-size:var(--hh-text-xs);color:var(--hh-color-text-muted)}.hh-switcher{display:flex;flex-direction:column;gap:var(--hh-space-1);padding:0 var(--hh-space-2)}.hh-switcher__label{font-size:var(--hh-text-xs);color:var(--hh-color-text-muted)}.hh-select{width:100%;min-height:40px;padding:0 var(--hh-space-2);font-family:var(--hh-font-sans);font-size:var(--hh-text-sm);color:var(--hh-color-text-primary);background:var(--hh-color-surface-raised);border:1px solid var(--hh-color-border-strong);border-radius:var(--hh-radius-md)}.hh-page-header{display:flex;flex-direction:column;gap:var(--hh-space-1);margin-bottom:var(--hh-space-6)}.hh-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--hh-space-4);gap:var(--hh-space-4)}.hh-auth{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--hh-space-6);background:var(--hh-color-surface)}.hh-auth__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--hh-space-5);padding:var(--hh-space-8);background:var(--hh-color-surface-raised);border:1px solid var(--hh-color-border);border-radius:var(--hh-radius-xl);box-shadow:var(--hh-shadow-md)}.hh-auth__secret{padding:var(--hh-space-3);font-family:var(--hh-font-mono);font-size:var(--hh-text-sm);word-break:break-all;background:var(--hh-color-surface);border:1px solid var(--hh-color-border);border-radius:var(--hh-radius-md);color:var(--hh-color-text-primary)}.hh-divider{height:1px;background:var(--hh-color-border);border:none;margin:0}.hh-dl{display:grid;grid-template-columns:minmax(140px,auto) 1fr;grid-gap:var(--hh-space-2) var(--hh-space-4);gap:var(--hh-space-2) var(--hh-space-4);margin:0}.hh-dl dt{color:var(--hh-color-text-muted)}.hh-dl dd,.hh-dl dt{font-size:var(--hh-text-sm)}.hh-dl dd{margin:0;color:var(--hh-color-text-primary)}