:root{--mint:#34D399;--ink:#0F172A;--off:#F7F7F3;--line:#E5E7EB}
body{background:var(--off);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto}
.hh-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.05)}
.hh-btn{background:var(--mint);color:#063;border-radius:12px;padding:10px 14px;font-weight:600}
.hh-input{background:#FCFEFD;border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}
.hh-pill{background:#dcfce7;color:#065f46;border-radius:999px;padding:2px 10px;font-size:12px}
.hh-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:6px 10px}
.sidebar{backdrop-filter:saturate(120%) blur(6px)}
@media (max-width:1024px){.sidebar{position:fixed;inset:0 30% 0 0;transform:translateX(-100%);transition:.25s;z-index:50}.sidebar.open{transform:translateX(0)}}
.hh-table th{font-weight:600;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.hh-table td,.hh-table th{padding:12px 10px;border-bottom:1px solid #eef2f7}