:root{--hp-green-50: #eef6f1;--hp-green-500: #1f6f4a;--hp-green-700: #154a31;--hp-grey-50: #f7f8f7;--hp-grey-200: #e0e3e1;--hp-grey-600: #525b56;--hp-grey-900: #141816;--hp-text: var(--hp-grey-900);--hp-muted: var(--hp-grey-600);--hp-border: var(--hp-grey-200);--hp-accent: var(--hp-green-500);--hp-accent-strong: var(--hp-green-700);--hp-accent-soft: var(--hp-green-50);--hp-error: #a3221b;--hp-warn: #8a5a00;--hp-warn-soft: #fff4dc;--hp-error-soft: #fbe9e7;--hp-bg: #ffffff;--hp-surface: var(--hp-grey-50);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--hp-text);background:var(--hp-bg)}*{box-sizing:border-box}body{margin:0;color:var(--hp-text);background:var(--hp-bg)}.muted{color:var(--hp-muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px;color:var(--hp-text)}.auth-card{width:100%;max-width:360px;padding:32px 24px;border:1px solid var(--hp-border);border-radius:12px;text-align:center;color:var(--hp-text);background:var(--hp-bg)}.auth-error{color:var(--hp-error)}.primary-button{border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer;color:#fff;background:var(--hp-accent)}.primary-button:hover{background:var(--hp-accent-strong)}.link-button{border:0;padding:0;font:inherit;cursor:pointer;color:var(--hp-accent);background:transparent;text-decoration:underline}.shell{display:flex;min-height:100vh;color:var(--hp-text)}.shell>.shell-nav{width:240px;flex-shrink:0;display:flex;flex-direction:column;padding:16px;border-right:1px solid var(--hp-border);color:var(--hp-text);background:var(--hp-surface)}.shell-brand{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:24px}.shell-nav>ul{list-style:none;margin:0;padding:0;flex:1}.shell-nav>ul a{display:block;padding:8px 12px;border-radius:6px;color:var(--hp-text);text-decoration:none}.shell-nav>ul a[aria-current=page]{color:var(--hp-accent-strong);background:var(--hp-accent-soft);font-weight:600}.shell-footer{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--hp-border)}.shell>.shell-main{flex:1;min-width:0;padding:24px;color:var(--hp-text)}@media (max-width: 720px){.shell{flex-direction:column}.shell>.shell-nav{width:100%;border-right:0;border-bottom:1px solid var(--hp-border)}.shell>.shell-main{padding:16px}}.secondary-button{border:1px solid var(--hp-border);border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer;color:var(--hp-text);background:var(--hp-bg)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--hp-border)}.tabs>.tab{border:0;border-bottom:2px solid transparent;padding:8px 12px;font:inherit;cursor:pointer;color:var(--hp-muted);background:transparent}.tabs>.tab[aria-selected=true]{border-bottom-color:var(--hp-accent);color:var(--hp-accent-strong);font-weight:600}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.callout{padding:10px 12px;border-radius:8px;color:var(--hp-text);background:var(--hp-warn-soft)}.notice{color:var(--hp-accent-strong)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;color:var(--hp-text)}.data-table th,.data-table td{padding:8px;border-bottom:1px solid var(--hp-border);text-align:left;vertical-align:middle}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.bar{position:relative;display:inline-block;width:120px;height:18px;border-radius:9px;overflow:hidden;background:var(--hp-surface);border:1px solid var(--hp-border)}.bar>.bar-fill{position:absolute;inset:0 auto 0 0;background:var(--hp-accent)}.bar-watch>.bar-fill{background:var(--hp-warn)}.bar-over>.bar-fill{background:var(--hp-error)}.bar>.bar-label{position:relative;display:block;font-size:12px;line-height:18px;text-align:center;color:var(--hp-text);mix-blend-mode:normal}.assign{display:flex;flex-wrap:wrap;gap:6px}.month-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0}.month-grid>label,.annual{display:flex;flex-direction:column;gap:4px;font-size:14px}.inline-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.plain-list{list-style:none;padding:0;margin:8px 0}.plain-list>li{padding:6px 0;border-bottom:1px solid var(--hp-border)}.setup>section{margin-bottom:32px}.alerts{margin-bottom:16px}.alerts-panel{margin-top:8px;padding:8px;border:1px solid var(--hp-border);border-radius:8px;max-height:320px;overflow-y:auto;color:var(--hp-text);background:var(--hp-bg)}