:root{--hk-ink:#12343b;--hk-teal:#0e7c7b;--hk-mist:#eef6f6;--hk-amber:#e8a13a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--hk-ink);background:var(--hk-mist)}.topbar{display:flex;gap:24px;align-items:center;padding:12px 24px;background:#fff;border-bottom:2px solid var(--hk-teal)}.brand{font-weight:700;color:var(--hk-teal);font-size:1.2rem}.topbar nav a{margin-right:16px;text-decoration:none;color:var(--hk-ink)}.topbar nav a.active{color:var(--hk-teal);font-weight:600}.content{max-width:720px;margin:32px auto;background:#fff;padding:24px;border-radius:8px}.error{color:#b3261e}input,select,button{padding:10px 12px;margin:6px 6px 6px 0;border:1px solid #ccd;border-radius:6px;font-size:1rem}button{background:var(--hk-teal);color:#fff;border:none;cursor:pointer}button:disabled{background:#9bb;cursor:not-allowed}